1.通用属性
1.title属性:主标题文字
1.text、subtext:设置主副标题文字内容。
text: "Main Title",
2.textStyle、subtextStyle:设置主副标题的样式
textStyle: {
fontSize: 30,
color: "rgba(255, 0, 0, 1)"
},
3.top、left、right、bottom:设置主副标题的位置
4.borderWidth、borderRadius:设置标题的边框、圆角
borderWidth: 7,
borderRadius: [11, 11, 11, 11]
2.legend属性:设置图例组件
1.orient:设置图例组件的布局方向
orient: "horizontal" //水平布局
orient: "vertical" //竖直布局
2.itemGap:图例之间的间隔
itemGap: 6
3.grid属性:组件位置
1.tooltip:提示框组件
-
可以设置在全局,即 tooltip
-
可以设置在坐标系中,即 grid.tooltip、polar.tooltip、single.tooltip
-
可以设置在系列中,即 series.tooltip
-
可以设置在系列的每个数据项中,即 series.data.tooltip
//触发类型可选:
trigger:'item';//数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。
trigger:'axis';//坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。
//在 ECharts 2.x 中只支持类目轴上使用 axis trigger,
//在 ECharts 3 中支持在直角坐标系和极坐标系上的所有类型的轴。并且可以通过 axisPointer.axis 指定坐标轴。
trigger:'none';
//指示器配置项
axisPointer: {
type: "line", //直线指示器
type:'shadow', //阴影指示器
type:'none' , //无指示器
type:'cross', //十字准星指示器。其实是种简写,表示启用两个正交的轴的 axisPointer。
formatter:'{a}:{b}{c}'
//{a}是系列名称,{b}是数据名称,{c}是数值
},