Jquery Highchart-不从左侧点开始的线或区域
嗨,我正在用Highchart做图表。它很好用。我得到了这个问题: 我以月为单位给出了分类。线的起点(线/面积)是本月的起点,而不是月点的左侧,因此在10月份,线从中心开始,上个月以中心点结束,而不是以图表的结尾结束。但我的客户希望它在适当的月份开始和结束。我添加了JSFIDLE供您参考:Jquery Highchart-不从左侧点开始的线或区域,jquery,highcharts,Jquery,Highcharts,嗨,我正在用Highchart做图表。它很好用。我得到了这个问题: 我以月为单位给出了分类。线的起点(线/面积)是本月的起点,而不是月点的左侧,因此在10月份,线从中心开始,上个月以中心点结束,而不是以图表的结尾结束。但我的客户希望它在适当的月份开始和结束。我添加了JSFIDLE供您参考: 谢谢您需要将tickmarkPlacement选项更改为“开” xAxis:[{ categories:categories, title:{text:null},
谢谢您需要将tickmarkPlacement选项更改为“开”
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'
}],
看一看
简而言之,当您设置xAxis.Categories时,xAxis将变成“字符串”而不是“数字”。因此,所有的刻度设置(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]
}]
});
参见示例:不,这不是我问的。如果您选择一个类别,我希望标签会在列之间更改它的值,但我希望按列更改该值。