【发布时间】: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