首页 文章

Highchart 3D饼图标签颜色?

提问于
浏览
1

我正在尝试使用深色背景作为我的HighChart 3D饼图 . 默认情况下,文本为黑色,白色发光 .

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

我正在使用WordPress插件 wpdatatables 创建实际的馅饼,并获得以下支持:

“您可以查看我们关于wpDataCharts回调的文档 . 每个图表都公开了许多自定义其外观的选项 . 图表通常支持适合该可视化的自定义选项 . 此回调允许添加Google Charts API,Highcharts中提供的选项API和Chart.js API“

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

我根据支持和HighChart网站尝试了以下代码

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;
      }
    }
  }
});

我补充说:

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

但似乎没有奏效 .

任何帮助,将不胜感激 . 谢谢 .

1 回答

  • 0

    我从来没有像你一样使用Wordpress回调,但每当我需要更新图表的选项时,我发现你需要将系列称为数组,即使你的图表中只有一个 .

    试试这个,看它是否有效:

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

    Update: 请参阅以下@ppotaczek的评论,了解正确的语法 .

相关问题