回覆列表
  • 1 # 9挽夢憶笙歌770

    1、下載好開發包後就可以開始了,第一步引入開發包,和需要的主題檔案(可定義自己的主體檔案),並定義好頁面佈局。2.0以後上的版本,需要把開發包放到body下,否則ie低版本會出現屬性未找到的錯誤,導致圖示初始化失敗。 2、第二步,普通初始化圖表,透過呼叫開發包方法,有兩種初始化方式, 1.var myChart = echarts.init(document.getElementById("echart")); 2.var myChart=require("echarts").init(document.getElementById("echart")); 一般建議使用第一種方法進行初始化操作。 3、第三步,設定option屬性,來給圖表設定資料,option是陣列元素,tooltip:提示框,legend圖例,calculable可設定是否拖拽,series設定資料(data型別也為陣列型別),開始先隨機初始化幾條模擬資料, 4、到這一步,就完成了,圖表初始化的步驟,效果如下圖所示。然後大家可以改變下圖示的樣式,2.0版本留了設定主題的方法,可設定setThem()對圖表樣式進行修改。 5、看看主題怎麼配置,設定色版,設定主題顏色,不一一介紹了,請大家請看下面程式碼: 6、透過上面主題的新增完成了對樣式的修改,當然最後大家記嘚設定myChart.setTheme(theme);

  • 中秋節和大豐收的關聯?
  • 愛情是一場烈火原唱現場版?