从DOM操作ZoomChart图表

Question

在一个网站上，ZoomCharts是集成的，我想通过铬扩展的内容脚本掩盖图表中的价格，比如$99到$xxx。但是我在DOM中找不到图表上的任何数值。

​

​

Answer 1

ZoomCharts正在使用画布渲染图表。要更改标签内容，可以像这样使用styleFunction：http://jsfiddle.net/7np69cLo/

但是，请注意，您需要访问图表实例来更改行为。

要通过外部脚本对已经实例化的图表执行此操作，您可以这样做：

let e = document.getElementById("demo"); // set to dom element that contains the chart
let chart = e._DVSL_ChartInstance; // get the chart instance
chart.updateSettings({
    slice: {
        styleFunction: function(slice){
            slice.label = "foo";
            slice.innerLabel = "bar";
        }
    }
}); // set your own style function as in the above jsfiddle example