在官网示例中图表标记最大值和最小值的样式是带有图形的,如下:我所需要的图表标记最大最小值样式简单的不需要图形:
官网的示例默认这样的:
markPoint: {
data: [
{ type: 'max', name: 'Max' },
{ type: 'min', name: 'Min' }
]
},
symbolSize:标记的大小,可以设置成诸如 10
这样单一的数字,也可以用数组分开表示宽和高,例如 [20, 10]
表示标记宽为20
,高为10
。symbolSize是设置图表标记的大小,我们把它设置成symbolSize:1,让他宽高变小,整体上看是感觉没有的,但是实际还是存在的只是太小看不见了。
label:标注的文本。用来设置标签的内容的样式和文本。
formatter:
标签内容格式器,支持字符串模板和回调函数两种形式,字符串模板与回调函数返回的字符串均支持用 \n
换行。
字符串模板 模板变量有:
{a}
:系列名。{b}
:数据名。{c}
:数据值。{@xxx}
:数据中名为'xxx'
的维度的值,如{@product}
表示名为'product'
的维度的值。{@[n]}
:数据中维度n
的值,如{@[3]}
表示维度 3 的值,从 0 开始计数。
示例:
formatter: '{b}: {@score}'
完整代码:
markPoint: {
data: [
{
type: 'max',
name: 'Max',
},
{
type: 'min',
name: 'Min',
}
],
symbolSize: 1,
symbolOffset: [0, -6],
label:{
formatter:'{b}: {@score}',
color :'black'
}
},
这些配置项在官网上可以进行在线的调试,根据自己所需要的。查看效果。Documentation - Apache EChartshttps://echarts.apache.org/zh/option.html#title