最近捣鼓了一下echarts,所以将相关的点记录一下;
图标选项
legend 图例
legend: {
data: [], // 图标数据
left: 'center', //定位
top: '1%',
itemWidth: 11,//图例的宽度
itemHeight: 11,//图例的高度
textStyle: {//图例文字的样式
color: '#333333',
fontSize: 14
}
},
tooltip 提示组件
值有:
trigger:
item: 数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。
axis: 坐标轴触发(上图)
xAxis X坐标轴
xAxis: {
type: 'category', //形状
axisLabel: { //x轴下文字
fontWeight: 'bold',
fontSize: 14,
color: '#333' },
axisTick: {
show: false
},
axisLine: { //x轴线样式
lineStyle: {
color: '#eee' }
}
}
yAxis y坐标轴
yAxis: {
axisTick: { show: false }, //坐标轴刻度相关设置。false 不显示刻度
axisLine: { show: false, //是否显示坐标轴轴线
lineStyle: { color: '#999' }
},
splitLine: { //坐标轴在 grid 区域中的分隔线。
lineStyle:
{
color: ['#eee']
}
}
},
###series.itemStyle.normal.color 渐变色
new echarts.graphic.LinearGradient(
0, 0, 0, 1,
[
{ offset: 0, color: '#01bc95' }, //初始颜色
{ offset: 1, color: '#8cffe7' } //渐变到这个色
]
)