Echarts入門三步

2021-08-22 07:21:56 字數 937 閱讀 8946

建立一張圖表,跟把大象放進冰箱的步驟是一樣的,分三步;

id="main"

style="width: 600px;height:400px;">

div>其實圖表寫的最多的就是這個配置項object;option包含圖表型別 樣式 展示方式等一系列的配置項;

// 指定圖表的配置項和資料

var option = ,

//提示框

tooltip: {},

//頂部圖例,對應一種資料維度

legend: ,

//座標軸配置項

xaxis: ,

yaxis: {},

//建立的圖表集合,series可以是包含多種型別的圖表(map+scatter等)

series:

};

// 使用剛指定的配置項和資料顯示圖表。

mychart.setoption(option);

搞定,配一張效果圖;

看一下,例項化的結構;

實際開發中div#main width height:100%,繼承父級,布局控制圖表框大小,這樣在元件化開發中就避免了重複定義圖表的大小問題,只要處理資料及樣式就可以了;初始化的div在echarts初始化後建立了兩個div:.

1.第乙個是存放canvas圖表(當然也可以配置用svg選渲染,避免大屏時針問題)

2.第二個是存放tooltip;

使用Echarts總共分三步。

今天專案用到了echarts做統計 做如下總結 echarts是apache開源專案,特別好用,可以做各種統計圖 先去echarts的官網看一下 專案引用echarts.js檔案 使用echarts總共分三步 第一步 初始化乙個chart var mychart echarts.init docum...

三步拼讀法

用到的工具項 p kt 配對符 連體符 下劃線 一讀 逐個音素讀出來。連體音,不拆分。二配 輔元成對式。口訣 子音在前,母音在後,子音加母音,構成一對子 三拼 見對先拼 拼音法和快讀法 沒法配對的音都讀本身音。快速拼讀六字訣 配對子,拼對子 f st p ti d p t tr vl h l de ...

vue入門之環境搭建只需三步

我們一般用npm命令列安裝vue,所以第一步安裝node.js,如果已安裝就可以忽略此步驟 node.js node.js 安裝node.js一路next即可。在命令列中輸入vue npminstall global 注意 此處是全域性安裝 在命令列中輸入vue npminstall g vue c...