愛招飛幫助手冊 愛招飛幫助手冊
  • 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安裝
      • ECharts配置語法
      • 在FastWeb中引入ECharts
      • ECharts基礎概念概覽
      • 個性化圖表的樣式
      • ECharts中的樣式簡介
      • 非同步數據載入和更新
      • 使用dataset管理數據
      • 使用transform進行數據轉換
      • 在圖表中加入互動元件
      • 移動端自適應
      • 數據的視覺對映
      • ECharts中的事件和性為
      • 動態排序柱狀圖
      • 小例子自己實現拖拽
      • 小例子實現日曆圖
      • 旭日圖
      • 自定義系列
      • 富文字標籤
    • ECharts屬性說明

  • Chart

  • DB Install

  • HiDesk

  • HiNAT

  • ReportBuilder

ECharts特性

# ECharts特性

  ECharts官方地址:https://echarts.apache.org/ (opens new window)

  ECharts 是一個使用 JavaScript 實現的開源視覺化庫,涵蓋各行業圖表,滿足各種需求。

  ECharts 遵循 Apache-2.0 (opens new window) 開源協議,免費商用。

  ECharts 相容目前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等)及相容多種設備,可隨時隨地任性展示。

  在使用ECharts說明前,請先學習並掌握HTML基礎 (opens new window)以及JavaScript基礎 (opens new window)的內容。

  ECharts 包含了以下特性:

  • 豐富的視覺化型別: 提供了常規的折線圖、柱狀圖、散點圖、餅圖、K線圖,用於統計的盒形圖,用於地理數據視覺化的地圖、熱力圖、線圖,用於關係數據視覺化的關係圖、treemap、旭日圖,多維數據視覺化的平行座標,還有用於 BI 的漏斗圖,儀表盤,並且支援圖與圖之間的混搭。

  • 多種數據格式無需轉換直接使用: 內建的 dataset 屬性(4.0+)支援直接傳入包括二維表,key-value 等多種格式的數據源,此外還支援輸入 TypedArray 格式的數據。

  • 千萬數據的前端展現: 通過增量渲染技術(4.0+),配合各種細緻的優化,ECharts 能夠展現千萬級的數據量。

  • 移動端優化: 針對移動端互動做了細緻的優化,例如移動端小屏上適於用手指在座標系中進行縮放、平移。 PC 端也可以用滑鼠在圖中進行縮放(用滑鼠滾輪)、平移等。

  • 多渲染方案,跨平臺使用: 支援以 Canvas、SVG(4.0+)、VML 的形式渲染圖表。

  • 深度的互動式數據探索: 提供了 圖例、視覺對映、數據區域縮放、tooltip、數據刷選等開箱即用的互動元件,可以對數據進行多維度數據篩取、檢視縮放、展示細節等互動操作。

  • 多維數據的支援以及豐富的視覺編碼手段: 對於傳統的散點圖等,傳入的數據也可以是多個維度的。

  • 動態數據: 數據的改變驅動圖表展現的改變。

  • 絢麗的特效: 針對線數據,點數據等地理數據的視覺化提供了吸引眼球的特效。

  • 通過 GL 實現更多更強大絢麗的三維視覺化: 在 VR,大屏場景裡實現三維的視覺化效果。

  • 無障礙訪問(4.0+): 支援自動根據圖表配置項智能產生描述,使得盲人可以在朗讀設備的幫助下了解圖表內容,讓圖表可以被更多人群訪問!

JScript基礎
ECharts安裝

← JScript基礎 ECharts安裝→

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