愛招飛幫助手冊 愛招飛幫助手冊
  • FastERP-1
  • Smart
  • PinToo
  • FastWeb
  • FastERP-2 企業管理系統 (opens new window)
  • 印染業ERP (opens new window)
  • 工廠終端機 (opens new window)
  • TARS
  • MARS
  • TaskRunner
  • Flying
  • FastDesk
  • HiDesk
  • HiNAT
  • FastBPM
  • 設備故障診斷 (opens new window)
  • 設備最佳運轉效益 (opens new window)
  • 企業智能助手SmeGPT (opens new window)
  • 燈號管理 (opens new window)
  • 戰情室 (opens new window)
  • 能源管理 (opens new window)
  • 人車定位 (opens new window)
  • 戰情指揮系統 (opens new window)
  • FastERP-1
  • FastWeb
  • Smart
  • PinToo
  • Flying
  • TARS
  • 通用功能

    • Report
    • Script
    • Echarts
    • Chart
    • DB Install
  • FastERP-1
  • Smart
  • PinToo
  • FastWeb
  • FastERP-2 企業管理系統 (opens new window)
  • 印染業ERP (opens new window)
  • 工廠終端機 (opens new window)
  • TARS
  • MARS
  • TaskRunner
  • Flying
  • FastDesk
  • HiDesk
  • HiNAT
  • FastBPM
  • 設備故障診斷 (opens new window)
  • 設備最佳運轉效益 (opens new window)
  • 企業智能助手SmeGPT (opens new window)
  • 燈號管理 (opens new window)
  • 戰情室 (opens new window)
  • 能源管理 (opens new window)
  • 人車定位 (opens new window)
  • 戰情指揮系統 (opens new window)
  • FastERP-1
  • FastWeb
  • Smart
  • PinToo
  • Flying
  • TARS
  • 通用功能

    • Report
    • Script
    • Echarts
    • Chart
    • DB Install
  • Report

  • Script

  • EChart

    • ECharts使用說明

      • ECharts特性
      • ECharts安裝
        • 1. 獨立版本安裝
        • 2. 使用 CDN 方法
      • ECharts配置語法
      • 在FastWeb中引入ECharts
      • ECharts基礎概念概覽
      • 個性化圖表的樣式
      • ECharts中的樣式簡介
      • 非同步數據載入和更新
      • 使用dataset管理數據
      • 使用transform進行數據轉換
      • 在圖表中加入互動元件
      • 移動端自適應
      • 數據的視覺對映
      • ECharts中的事件和性為
      • 動態排序柱狀圖
      • 小例子自己實現拖拽
      • 小例子實現日曆圖
      • 旭日圖
      • 自定義系列
      • 富文字標籤
    • ECharts屬性說明

  • Chart

  • DB Install

  • HiDesk

  • HiNAT

  • ReportBuilder

目录

ECharts安裝

# ECharts安裝

# 1. 獨立版本安裝

  我們可以在下載頁面 (opens new window)下載到echarts.min.js並用 <script>標籤引入。

  另外,開發環境下可以使用原始碼版本 echarts.js 並用 <script> 標籤引入,原始碼版本包含了常見的錯誤提示和警告。

  將echart.min.js複製至與HTML檔案同一目錄下,在HTML的<script>中寫入以下內容引入。

<script src="echarts.min.js"></script>
1

  也可以在上述的鏈接中直接下載更多豐富的版本,包含了不同主題跟語言。

  這些構建好的 echarts 提供了下面這幾種定製:

  • 完全版:echarts/dist/echarts.all.js,體積最大,包含所有的圖表和元件,所包含內容參見:echarts/echarts.all.js。
  • 常用版:echarts/dist/echarts.common.js,體積適中,包含常見的圖表和元件,所包含內容參見:echarts/echarts.common.js。
  • 精簡版:echarts/dist/echarts.simple.js,體積較小,僅包含最常用的圖表和元件,所包含內容參見:echarts/echarts.simple.js。

# 2. 使用 CDN 方法

  以下推薦比較穩定的幾個 CDN。使用CDN就不需要下載獨立版本的程式,直接使用<script> 標籤引入CDN地址即可。其中的/echarts/後面的數字是版本號,可以根據需要修改爲所需的版本號使用。

  • Staticfile CDN(國內) : https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js (opens new window)

  • jsDelivr:https://cdn.jsdelivr.net/npm/echarts@4.3.0/dist/echarts.min.js (opens new window)。

  • cdnjs : https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echarts.min.js (opens new window)

ECharts特性
ECharts配置語法

← ECharts特性 ECharts配置語法→

Copyright © 2021-2025 愛招飛IsoFace | ALL Rights Reserved
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式