var data1 = [], data2 = []; data.forEach(function (item) { data1.push(item.pin1); data2.push(item.pin2); }); // 指定图表的配置项和数据 var option = { title: { text: 'E85检测数据分布', subtext: product + ' / ' + linetype + ' / ' + lineid + ' / ' + SenseName + ' 共面度检测 ' + getdate(), subtextStyle: { fontSize: 14, color: '#999' }, left: 'center', // 标题居中 textStyle: { fontSize: 18, fontWeight: 'bold' } }, tooltip: {}, xAxis: { type: 'category', data: abscissa }, yAxis: { type: 'value', scale: true, max: 0.06, min: -0.06 }, series: [{ type: 'scatter', data: { name: "test", value: ordinate1 }, symbolSize: function (data) { return Math.sqrt(ordinate1[1]) * 5; // 根据第二个数据设置点的大小 }, markLine: { lineStyle: { color: 'green' }, data: [{ yAxis: 0.04, name: '标准线1' }, { yAxis: -0.04, name: '标准线2' }, ] } }, { type: 'scatter', data: ordinate2, symbolSize: function (data) { return Math.sqrt(ordinate1[1]) * 5; // 根据第二个数据设置点的大小 }, markLine: { lineStyle: { color: 'green' }, data: [{ yAxis: 0.04, name: '标准线1' }, { yAxis: -0.04, name: '标准线2' }, ] } } ] }; // 使用刚指定的配置项和数据显示图表。 chart.setOption(option);,给这个echarts散点图的横坐标加备注
时间: 2023-11-27 19:49:43 浏览: 78
Vue.js使用axios动态获取response里的data数据操作
要给这个 ECharts 散点图的横坐标加备注,可以在 xAxis 配置项中添加 axisLabel 属性,设置其 formatter 属性为一个函数,函数的参数是当前坐标轴项的值,返回需要显示的文本即可。示例代码如下:
```
xAxis: {
type: 'category',
data: abscissa,
axisLabel: {
formatter: function (value) {
// 根据具体需求返回需要显示的文本
return value + '备注';
}
}
},
```
阅读全文