1
如何绘制挂钩为0的柱状图的x轴线,例如当您有正值和负值(即X轴两侧的柱)时?如何在挂钩为0时使用Highcharts绘制x轴线?
如何绘制挂钩为0的柱状图的x轴线,例如当您有正值和负值(即X轴两侧的柱)时?如何在挂钩为0时使用Highcharts绘制x轴线?
这与绘制正常柱形图并无区别。只需使用负值,Highcharts就会自动缩放图表。
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: 'Column chart with negative values'
},
xAxis: {
categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
},
credits: {
enabled: false
},
series: [{
name: 'John',
data: [5, 3, 4, 7, 2]
}, {
name: 'Jane',
data: [2, -2, -3, 2, 1]
}, {
name: 'Joe',
data: [3, 4, 4, -2, 5]
}]
});
的jsfiddle:Link
感谢@Emre您的回复!我不希望网格线出现在图表上。我在HTML表格行内创建了这个条形图(
你可以请创建一个jsFiddle吗?没有看到代码就很难解决你的问题。 –
感谢@Emre的快速回复。这里是我有 - https://jsfiddle.net/y433y4vL/ 为了给你背景,我有一个HTML表格。每一行都有一个条形图。在不同的行上的所有值统一使它看起来像是一个横跨整个表的正负值的条形图。 Y轴上的最大值和最小值是动态的,但对于表中的所有图表都是相同的。我已经把它们设置为-100和+100,就像这里一样。我的问题是这里的X轴线没有绘制在条的左侧。希望这是有帮助的。 – rsp
相关问题