eCharts:如何从工具提示格式化程序功能访问图表
eCharts: how to access chart from tooltip formatter function
我需要从工具提示格式化程序函数内部访问显示工具提示的图表 (echarts 5.0.0)。我怎样才能访问它?
let chartOption = {
//... all the other stuff
tooltip: {
//...
formatter: function (params, ticket, callback) {
//how to access chart when formatter function is called?
}
},
//... more stuff
};
let chart = echarts.init(document.getElementById("myChart"));
chart.setOption(chartOption);
我已经通过从鼠标位置获取图表 ID 解决了这个问题:
let elements = document.querySelectorAll( ":hover" );
let chartId = elements.item(elements.length -1).parentElement.parentElement.id;
let chart = charts[chartId];
其中“charts”包含页面上所有以 div 的 id 作为键的图表实例。
let chartOption = {
//... all the other stuff
tooltip: {
//...
formatter: function (params, ticket, callback) {
chart.xxx
}
},
//... more stuff
};
let chart = echarts.init(document.getElementById("myChart"));
chart.setOption(chartOption);
但我不确定您想对图表实例做什么,因为在大多数情况下您不必这样做。
我需要从工具提示格式化程序函数内部访问显示工具提示的图表 (echarts 5.0.0)。我怎样才能访问它?
let chartOption = {
//... all the other stuff
tooltip: {
//...
formatter: function (params, ticket, callback) {
//how to access chart when formatter function is called?
}
},
//... more stuff
};
let chart = echarts.init(document.getElementById("myChart"));
chart.setOption(chartOption);
我已经通过从鼠标位置获取图表 ID 解决了这个问题:
let elements = document.querySelectorAll( ":hover" );
let chartId = elements.item(elements.length -1).parentElement.parentElement.id;
let chart = charts[chartId];
其中“charts”包含页面上所有以 div 的 id 作为键的图表实例。
let chartOption = {
//... all the other stuff
tooltip: {
//...
formatter: function (params, ticket, callback) {
chart.xxx
}
},
//... more stuff
};
let chart = echarts.init(document.getElementById("myChart"));
chart.setOption(chartOption);
但我不确定您想对图表实例做什么,因为在大多数情况下您不必这样做。