建立一張圖表,跟把大象放進冰箱的步驟是一樣的,分三步;
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...