3.通用配置项
作者：互联网
1 var option = {
2 title: { //设置标题
3 text: '主标题',
4 subtext: '副标题',
5 textStyle: {//设置主标题样式
6 color: '#fff',//设置字体颜色
7 fontStyle: 'normal',//设置文字字体'normal'、'italic'、'oblique'
8 fontWeight: 'bolder',//设置字体粗细'normal'、'bold'、'bolder'、'lighter'
9 },
10 itemGap:10,//设置主副标题间距
11 borderWidth:2,//设置边框线框
12 borderColor:'#ccc',//设置边的颜色
13 borderRadius: 5, // 标题边框圆角
14 backgroundColor:'yellow',//设置背景颜色
15 },
16 legend: {//设置图例
17 type:'',//scroll设置为滚动图例，默认为plain
18 orient: 'horizontal',//图例对齐方式为水平对齐，垂直对其：'vertical'
19 data: []
20 },
21 tooltip: {//提示框组件
22 trigger: '',//设置提示框触发方式。'item',数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。'axis',坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。
23 formatter: "{a}<br/>{b}:{c}"//提示框显示内容
24 },
25 toolbox: {//工具箱
26 feature: {
27 saveAsImage: {},//保存图片
28 restore: {},//配置还原
29 dataView: {},//数据视图
30 dataZoom: {},//区域缩放
31 magicType: {//数据类型切换
32 type: ['line', 'bar', 'stack']
33 }
34
35 }
36 },
37 xAxis: {
38 type:'category'
39 },
40 yAxis: {type:'value'},
41 series: {
42 markPoint:{//设置标记点
43 data:[
44 {
45 type:'max',name:"最大值",
46 symbol:'diamond',//设置标记点图形，diamond是菱形，arrow是三角形
47 symbolSize:20,//设置标记点图形大小
48 itemStyle:{//设置标记点样式
49 normal:{color:'red'}
50 }
51 }
52 ]
53 },
54 markLine:{//设置标记线
55 data:[
56 {
57 type:'average',name:'平均值',
58 itemStyle:{//设置标记线样式
59 normal:{borderType:'dotted',color:'darkred'}
60 }
61 }
62 ]
63 }
64
65 },
66 };
下面关于tooltip中formatter的使用：
模板变量有 {a}, {b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等。 在 trigger 为 'axis' 的时候，会有多个系列的数据，此时可以通过 {a0}, {a1}, {a2} 这种后面加索引的方式表示系列的索引。 不同图表类型下的 {a}，{b}，{c}，{d} 含义不一样。 其中变量{a}, {b}, {c}, {d}在不同图表类型下代表数据含义为：
折线（区域）图、柱状（条形）图、K线图 : {a}（系列名称），{b}（类目值），{c}（数值）, {d}（无）
散点图（气泡）图 : {a}（系列名称），{b}（数据名称），{c}（数值数组）, {d}（无）
地图 : {a}（系列名称），{b}（区域名称），{c}（合并数值）, {d}（无）
饼图、仪表盘、漏斗图: {a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）
formatter回调函数
formatter: function (arg) {
return arg.name + ':' + arg.data
}
标签：normal,通用,标记,data,配置,设置,formatter,type 来源： https://www.cnblogs.com/lixianhui/p/16271151.html