echarts學習筆記（部分angular及ant-design）

一、在項目中修改ng-zorro組件默認樣式的一些方法：

• 類名等 前加::ng-deep；
• 類名等 前加：root；
• 類名等 前加:host /deep/；

二、echarts橫軸自定義時間粒度

兩種解決方案，

• 第一：使用category爲category做爲xAxis，就能夠調用xAxis中的xAxis.axisLabel.interval
• 第二：formatter的時候增長本身的斷定，好比默認是yyyy-MM-dd格式，當知足必定條件後格式化爲yyyy-MM-dd hh:mm

三、關於echarts折線圖顏色漸變設置

areaStyle: {
            normal: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                offset: 0,
                color: seriesItem.areaStyle.colorStart    //賦值顏色
              }, {
                offset: 0.8,
                color: seriesItem.areaStyle.colorEnd
              }], false),
              shadowColor: seriesItem.areaStyle.shadowColor,
              shadowBlur: 10
            }
          },

四、Angular開發問題：(node:11188) UnhandledPromiseRejectionWarning: Error: spawn cmd ENOENT

問題定位：

　　緣由系統windown開發環境變量出了問題，ipconfig等命令失效。

　　這個 system32 文件夾中包含了大量的用於 Windows 的文件. 這裏主要用於存儲 DLL 文件, 控制面板小程序(.CPL), 設備驅動 (.drv), 幫助文件 (.hlp 和 .cnt), MS-DOS 工具 (.com), 語言支持文件 (.nls), 屏幕保護 (.scr), 安裝信息文件 (.inf), 以及其它用於支持, 配置, 或操做的文件.文件說明　　aclui.dll …Security Descriptor Editor，沒有它，註冊表編輯器會沒法運行

解決辦法：

　　在系統屬性中選擇「高級系統設置」。在系統屬性對話框中找到其上方的「高級」選項卡，裏面有一個「環境變量」按鈕，點擊進入。

　　下方的系統變量區中找到變量「path」，點擊下方的編輯。

　　若是path變量以前有內容，則須要在末尾添加一個分號，而後加入內容「c:\windows\system32」，以下圖所示。環境變量設置完畢後，依次單擊「肯定」保存設置並退出設置界面。

　　重啓啓動idea，並運行項目解決。

五、angular空項目添加ng-alain

ng-alian 官網中推薦使用的方式有兩種：

第一種

# 確保使用的是最新版本 Angular cli
ng new my-project --style less
cd my-project
ng add ng-alain
# 若是你想建立一個英文版本，則：
ng add ng-alain --defaultLanguage=en
ng serve

ps：angular-cli的升級

# 卸載現有angular-cli
npm uninstall -g angular-cli
# 清空cache
npm cache clean -f
# 升級
npm install -g @angular/cli@latest
# 升級到固定版本號
npm install -g @angular/cli@版本號 

第二種

git clone --depth=1 https://github.com/ng-alain/ng-alain.git my-project
cd my-project
# 安裝依賴包
yarn / npm i # 選一個
ng serve

第一種是一個空項目，第二種要本身刪不少組件。

重點說明一下第二種，遇到經過npm添加，報不少的錯誤，具體的錯誤沒有截圖，這時候就須要經過yarm的方式來添加了。

全局安裝yarn

npm install -g yarn

使用angular-cli成一個空項目

# 空項目
ng new ng-alain-demo --style less
cd ng-alain-demo
# 添加ng-alain
yarn add ng-alain
# 啓動
ng serve

六、