Javascript Highcharts x轴刻度以偏移开始
我正在尝试删除x轴勾号上的Javascript Highcharts x轴刻度以偏移开始,javascript,highcharts,Javascript,Highcharts,我正在尝试删除x轴勾号上的偏移量 我希望第一个勾号10/8从x轴和y轴交点开始 10-8应位于两个标签之间的标记上 我在highchart中有以下代码 xAxis: { categories: categories, title: { text: title_x_axis, style: { fontWeight: 'bold' },
偏移量
我希望第一个勾号10/8
从x轴
和y轴
交点开始
10-8
应位于两个标签之间的标记上
我在highchart中有以下代码
xAxis: {
categories: categories,
title: {
text: title_x_axis,
style: {
fontWeight: 'bold'
},
formatter: function(){
return "<h3><b>" + this.value + "</b></h3>";
}
},
min: 0,
startOnTick: true,
endOnTick: true,
minPadding: 0,
maxPadding: 0,
align: "left"
},
xAxis:{
类别:类别,,
标题:{
文本:标题x轴,
风格:{
fontWeight:“粗体”
},
格式化程序:函数(){
返回“+this.value+”;
}
},
分:0,,
是的,
恩东蒂克:是的,
数字:0,
maxPadding:0,
对齐:“左”
},
最大填充和最小填充设置为0,所以我不知道问题出在哪里
编辑:
我已经创建了一个我正在处理的图表类型。
注意,下面的图像有不同的x轴值,因为我没有使用相同的fiddle值。
另外,我在拍摄快照后设置了tickmarkPlacement:“on”
。
我希望Jan
标签从行的开头开始。它目前有一些偏移量
有人能帮我吗?您可以使用(假设“类别”是您的类别数组)
例如:
使用highcharts的新闻集版本可获得完全可用的工具提示:
<script src="http://github.highcharts.com/highcharts.js"></script>
查看tickMarkPlacement属性:
默认情况下,它是“介于”之间,这是您在图表上看到的
将其设置为“开”可以满足您的需要
除了tickMarkPlacement之外,您还可以查看minPadding和maxPadding属性:
更新的小提琴:
$(函数(){
$(“#容器”)。高图({
xAxis:{
类别:[一月、二月、三月、四月、五月、六月、七月、八月、九月、十月、十一月、十二月],
时间间隔:1,
滴答声:“开”,
是的,
恩东蒂克:是的,
数字:0,
maxPadding:0,
偏移量:0
},
打印选项:{
系列:{
findNearestPointBy:'x',
标签:{
允许的连接器:false
},
pointPlacement:“打开”
}
},
系列:[{
数据:[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]
}]
});
});代码>
在绘图选项中添加点位置:“开”
plotOptions: {
series: {
pointPlacement: 'on'
}
}
根据X轴上的线,数据点似乎包含在每个点之间的中间。这意味着您的X轴没有偏移,实际上从刻度开始。你能在上复制这个图形吗?@JamesDonnelly:我已经编辑了这个问题,你能看一下吗。Yaa'tickmarkPlacement:“0”'它在标记上有标签,但我如何才能将位置更改为x轴的起点?如果你将这些属性与Kacper在本页的回答中提到的endOntick/startOnTick,min/max结合起来,您应该能够完全控制轴起点/终点的各个方面。在这个JSFIDLE中,数据实际上在y方向离开图表。我猜是因为格式化程序由于.length-1.5
参数而落后了一个数据点。您如何阻止这种情况发生,但仍然具有OP所期望的端到端效果?@pshep123您是指答案中的JSFIDLE演示吗?数据在y方向上没有关闭,.length-1.5
是关于X轴(左和右),因此与y方向(上和下)无关。请合作或打开一个新问题。我正在使用此代码,但如果值为2,则此代码无效。有什么想法吗?@AllanJebaraj我假设你使用了两个类别。将min更改为0.499将解决问题:如果我假设错误,请提供更多信息和问题的现场演示。
plotOptions: {
series: {
pointPlacement: 'on'
}
}