【问题标题】:Highchart 3D Pie Chart Label color?Highcharts 3D饼图标签颜色?
【发布时间】:2018-07-18 12:49:18
【问题描述】:

我正在尝试为我的 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';    

但似乎不起作用。

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

【问题讨论】:

  • 只是为了确认一下,您的背景颜色使用了什么代码?在您的代码示例中,您有 '#GG0000',它不是有效的 HTML 颜色。
  • 对不起,我只是使用了随机颜色...它是#FF0000。 ..

标签: javascript highcharts


【解决方案1】:

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

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

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

更新:请参阅下面@ppotaczek 的评论以了解正确的语法。

【讨论】:

  • 嗨 Mike Zavarello,这不是正确的代码。绘图选项允许您为所有系列设置一些选项。 API:api.highcharts.com/highcharts/plotOptions.series 更有可能的解决方案是使用:obj.options.series[0].dataLabels.color = '#FF0000';
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-12-27
  • 1970-01-01
  • 1970-01-01
  • 2019-06-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多