从DOM处理ZoomChart图表

Question

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

Answer 1

ZoomCharts使用Canvas渲染图表。要更改标签内容，可以使用如下所示的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