2017-09-11 28 views

回答

1

这与绘制正常柱形图并无区别。只需使用负值,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

+0

感谢@Emre您的回复!我不希望网格线出现在图表上。我在HTML表格行内创建了这个条形图(标签)。由于某些原因,垂直线(x轴)不是绘制在0上,而是绘制在最高负值的左侧。 – rsp

+0

你可以请创建一个jsFiddle吗?没有看到代码就很难解决你的问题。 –

+0

感谢@Emre的快速回复。这里是我有 - https://jsfiddle.net/y433y4vL/ 为了给你背景,我有一个HTML表格。每一行都有一个条形图。在不同的行上的所有值统一使它看起来像是一个横跨整个表的正负值的条形图。 Y轴上的最大值和最小值是动态的,但对于表中的所有图表都是相同的。我已经把它们设置为-100和+100,就像这里一样。我的问题是这里的X轴线没有绘制在条的左侧。希望这是有帮助的。 – rsp

相关问题