Javascript 如何使用Jquery Highcharttable列图表格式化数据标签
当前,我的数据标签将显示在我的柱状图中包含的列中。我想知道是否有人知道如何可能改变这些标签的定位。我原以为会这样做,但我无法改变任何事情。我更改了颜色,但无法使数据标签更改位置 目前看起来是这样的:Javascript 如何使用Jquery Highcharttable列图表格式化数据标签,javascript,jquery,jquery-plugins,highcharts,Javascript,Jquery,Jquery Plugins,Highcharts,当前,我的数据标签将显示在我的柱状图中包含的列中。我想知道是否有人知道如何可能改变这些标签的定位。我原以为会这样做,但我无法改变任何事情。我更改了颜色,但无法使数据标签更改位置 目前看起来是这样的: 数据标签位于plotOptions.series中,不在顶层。因此,您应该设置: plotOptions: { series: { dataLabels: { enabled: true,
数据标签位于plotOptions.series中,不在顶层。因此,您应该设置:
plotOptions: {
series: {
dataLabels: {
enabled: true,
verticalAlign:'top'
}
}
},
我不知道highChartConfig的其余部分是什么样子,因此您需要确保没有覆盖整个plotOpions对象。谢谢您的帮助,我终于找到了解决此问题的方法。通过使用此函数,可以使用Jquery HighChart Tables插件访问dataLabels对象
$('#hidden-highchart-table').bind('highchartTable.beforeRender', function (event, highChartConfig) {
highChartConfig.plotOptions.series.dataLabels = {blah: blah, blah2: blah2};
}).highchartTable();
在这个函数中,您可以执行在普通Highcharts API中完成的任何自定义操作,只是语法在访问对象及其属性的方式上略有不同 由于没有足够的空间,数据标签未打印在同一列中。尝试增加或使用/options。@SebastianBochan好的,谢谢,我会尝试的,我想可能是图表顶部缺少空间。
$('#hidden-highchart-table').bind('highchartTable.beforeRender', function (event, highChartConfig) {
highChartConfig.plotOptions.series.dataLabels = {blah: blah, blah2: blah2};
}).highchartTable();