echarts 图表样式

1.超过坐标轴的指示刻度去掉
xAxis.axisTick.show=false
yAxis.axisTick.show=false
2.坐标轴两侧不留白，0点重合
xAxis.boundaryGap=false
3.坐标轴名
yAxis.name='数量'
4.坐标轴线的样式
xAxis.axisLine.lineStyle.color="#ccc"
5.坐标轴标签样式
xAxis.axisLabel.color="#aaa"
6.鼠标移动上去时的指示线
xAxis.axisPointer.show="true"
7.鼠标移动上去时的提示框
tooltip.trigger="axis"
8.图标上线条的样式
series[].lineStyle.width=4
9.选择标签过多需要滚动
legend.type="scroll"
10.更改图标外边距
grid.left=14;
grid.right=14;
grid.bottom=14;
grid.top=14;
grid.containLabel=true;
11.双y轴坐标
yAxis:[{},{}]
series.yAxisIndex=1
12.渐变颜色
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: "#e33078" },
{ offset: 0.5, color: "#6a384f" },
{ offset: 1, color: "#6e403a" },
]),

13.坐标系中的网格分隔线
yAxis.splitLine.show=false

14.光滑曲线

series[0].smooth: true

15.曲线颜色

series[0].lineStyle.color: "#2DD1C1"

16.曲线上点的颜色

series[0].itemStyle.normal.color: "#2DD1C1"

17.x坐标轴上文字太长变成斜的显示

xAxis.axisLabel.rotate:-15

18.y轴加 % 格式化

yAxis.axisLabel.formatter:"{value}%"

19.柱形图颜色

series.itemStyle.normal.color:"#409eff"

20.柱形图多颜色

series.itemStyle.normal.color:

function(params){constcolorList=["#00a3e0","#ffa100","#ffc0cb","#ccc","#bfa","#749f83","#ca8622",];returncolorList[params.dataIndex];}