给echarts折线图的某个点添加点击事件,并打印横纵坐标点的数据。
实现效果
效果展示
点击事件
echart添加点击事件用通过on 方法实现
myChart.on('click', function (params) {
// 控制台打印数据的名称
console.log(params.name);
});
制作折线图表
通过cdn引入
编写html
实现一个echarts
function showLine2(str) {
console.log(str)
var edata = JSON.parse(str)
var myChart = echarts.init(document.getElementById('main'));
// 图表的配置项和数据
var option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
toolbox: {
show: false,
feature: {
saveAsImage: {}
}
},
xAxis: {