Question

目前，我的数据标签将显示在我的柱形图中包含的列中。我想知道是否有人知道如何改变这些标签的位置。我觉得它会有点像这样，但我无法改变任何事情。我的颜色有变化，但无法让数据标签改变位置。

$('#hidden-highchart-table').bind('highchartTable.beforeRender', function (event, highChartConfig) {
                highChartConfig.colors = ['#6d9dd2', '#6fb1b8', '#6d8547', '#eea032', '#ba3c3c',   '#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a'];
                highChartConfig.dataLabels = {
                    verticalAlign: 'middle',
                y: 45};
            }).highchartTable();

Answer 1

dataLables在plotOptions.series中不在顶层。所以，你应该设置：

    plotOptions: {
        series: {
            dataLabels: {
                enabled: true,
                verticalAlign:'top'
            }
        }
    },

我不知道你的highChartConfig的其余部分是什么样的，所以你要确保你没有覆盖整个plotOpions对象。

Answer 2

感谢所有帮助，我最终弄清楚如何解决这个问题。您可以使用此函数使用Jquery HighChart Tables插件访问dataLabels对象。

$('#hidden-highchart-table').bind('highchartTable.beforeRender', function (event, highChartConfig) {
            highChartConfig.plotOptions.series.dataLabels = {blah: blah, blah2: blah2}; 
        }).highchartTable();

在此函数中，您可以执行在普通Highcharts API中完成的任何自定义，只是语法在访问对象及其属性方面略有不同。

如何使用Jquery Highcharttable柱形图格式化数据标签

2 个答案: