Question

我正在为HighChart 3D饼图使用深色背景。默认情况下，文本为黑色，带有白色光芒。

我的目标是拥有类似的东西： https://www.highcharts.com/demo/pie-gradient/dark-unica

我正在使用WordPress插件json_decode创建实际的饼图，并获得了以下支持：

”“您可以查看我们有关wpdatatables回调的文档。每个图表都包含许多可自定义其外观的选项。图表通常支持适合该可视化的自定义选项。此回调允许添加可用的选项在Google Charts API，Highcharts API和Chart.js API中”。

https://wpdatatables.com/documentation/information-for-developers/wpdatacharts-callbacks/

我尝试了以下基于支持和HighChart网站的代码

wpDataCharts

我添加了这一行：

jQuery(window).load(function() {
  if (typeof wpDataChartsCallbacks == 'undefined') {
    wpDataChartsCallbacks = {};
  }
  wpDataChartsCallbacks[14] = function(obj) {
    obj.options.plotOptions.series.dataLabels.color = '#FF0000';
    obj.options.chart.backgroundColor = '#GG0000';
    obj.options.chart.zoomType = 'x';
    obj.options.chart.panning = true;
    obj.options.chart.panKey = 'shift';
    obj.options.tooltip = {
      formatter: function() {
        var s = '<b>$' + this.y + '</b>';
        return s;
      }
    }
  }
});

但似乎不起作用。

任何帮助将不胜感激。谢谢。

Answer 1

我从来没有像现在那样使用过Wordpress回调，但是每当我需要更新图表的选项时，我发现即使图表中只有一个，也需要将系列称为数组。

尝试一下，看看是否有效：

obj.options.plotOptions.series[0].dataLabels.color = '#FF0000';

更新：请参见下面@ppotaczek的注释，以获取正确的语法。

Highchart 3D饼图标签颜色？

1 个答案: