1. 程式人生 > 其它 >echarts grid的樣式位置_ECharts常用配置項

echarts grid的樣式位置_ECharts常用配置項

技術標籤:echarts grid的樣式位置

有什麼疑問可以看這裡:ECharts(基礎模板詳解)

fa2ce514e1a98ad1d6987a7a29388ff3.png

這裡直接是乾貨

<htmllang="en"><head><metacharset="UTF-8"><title>Titletitle><scriptsrc="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js">script>head><body><divid="chart"style="width: 800px;height:400px;">div>body><script>//初始化該圖表varchart = echarts.init(document.getElementById('chart'));varoption={//標題,包含副標題
title:{},//圖例控制塊,控制顏色和名字
legend:{},//控制圖表座標系部分,包括背景、寬高、邊距等
grid:{},//控制x軸的樣式和配置
xAxis:{},//控制y軸的樣式和配置
yAxis:{},//指定極座標系,用於散點圖和折線圖
polar:{},//雷達圖元件
radar:{},//資料提示框、懸浮框
tooltip:{},//滑鼠懸浮時指示座標軸當前刻度值
axisPointer:{},//工具欄元件,包含匯出圖片、還原、縮放圖表等工具
toolbox:{},//多個ECharts之間進行切換、播放等操作
timeline:{},//指定圖表型別,如:折線圖、柱狀圖等
series:{},//指定該圖表中各個資料的代表顏色
color:{},//指定該圖表的背景顏色
backgroundColor:{},//指定全域性的字型樣式
textStyle:{}
};//使用剛指定的配置項和資料顯示圖表
chart.setOption(option);script>html>

配置項詳細用法,後面有時間也總結一下。