Php 具有多个数据标签的Highcharts
我使用Highcharts显示不同月份的交易状态。图表显示得很好。为了显示每个月的事务数,我在每列的顶部都放置了一个datalabel。代码如下:Php 具有多个数据标签的Highcharts,php,highcharts,Php,Highcharts,我使用Highcharts显示不同月份的交易状态。图表显示得很好。为了显示每个月的事务数,我在每列的顶部都放置了一个datalabel。代码如下: $(function () { $('#hc').highcharts({ chart: { renderTo: 'container', type: <?php echo $type ; ?>,
$(function () {
$('#hc').highcharts({
chart: {
renderTo: 'container',
type: <?php echo $type ; ?>,
marginRight: 130,
marginBottom: 35
},
title: {
text: 'Transaction Status',
x: -20
},
subtitle: {
text: '',
x: -20
},
xAxis: {
categories: <?php echo $monnth_series ?>
},
yAxis: {
title: {
text: 'Transactions'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
plotOptions: {
series: {
dataLabels: {
enabled: true,
color: '#fff',
style: {fontWeight: 'bold'},
formatter: function() {return this.y},
y: -5,
rotation: 360
},
column: {
pointPadding: .2,
groupPadding: 0,
borderWidth: 1
}
}
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +': '+ this.y; +'</b>'
}
},
credits: { enabled: false },
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -6,
y: 90,
borderWidth: 0
},
series: <?php echo $series_data ?>
});
});
然后datalabel会正确显示,但列顶部的datalabel不会显示
你知道怎么做吗 我想知道你如何制作图表。首先是使用stackLabels(您需要将列的堆叠设置为true)。在这里,您可以看到一个示例:另一个想法是使用renderer.text()在图表中添加新标签。在这里,你可以找到关于这个方法的信息:我想知道如何制作图表。首先是使用stackLabels(您需要将列的堆叠设置为true)。在这里,您可以看到一个示例:另一个想法是使用renderer.text()在图表中添加新标签。您可以在此处找到有关此方法的信息:
formatter: function() {return this.series.name},
inside: true,