Highchart – 从左侧点开始的行或区域

嗨，我正在使用Highchart进行图表。 它工作正常。 我遇到了这个问题：

我把这些类别称为月份。 虽然行开始（行/区域）它是月份的起始中心，而不是月份点的左侧，所以在10月份，行开始于中心，以及上个月结束时的中心点，而不是以图的结尾。 但是我的客户希望它能在适当的月份开始和结束。 我添加了jsfiddle供您参考：

http://jsfiddle.net/QmwaW/

谢谢

Answer 1

看看如何从最左边的位置开始获取Highcharts X-Axis类别 。

简而言之 – 当你设置xAxis.Categories时，xAxis变成​​’string’而不是’numeric’。 因此所有刻度设置（startOnTick，endOnTick …）都不适用。 好的技巧是覆盖xAxis.labels格式化程序：

var xCategories = ['1990','1991','1992','1993','1994','1995','1996','1997','1998']; var chart = new Highcharts.Chart({ chart: { renderTo: 'container', }, xAxis: { labels: { formatter: function() { return xCategories[this.value]; } }, startOnTick: false, endOnTick: false, minPadding: 0, maxPadding: 0, gridLineWidth: 1 }, series: [{ data: [2000,9001,1337,100,1000,4444,8888,1844,6780] }] }); 

参见示例： http ： //jsfiddle.net/vnJLG/

Answer 2

您需要将tickmarkPlacement选项更改为“on”。

  xAxis:[{ categories:categories, title:{text:null}, gridLineWidth: 1, verticalAlign:'top', lineWidth:0, offset:-400, minPadding:0, maxPadding:0, margin:[0,0,0,0], tickmarkPlacement:'on' }],