Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts x轴刻度以偏移开始_Javascript_Highcharts - Fatal编程技术网

Javascript Highcharts 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' },

我正在尝试删除x轴勾号上的
偏移量

我希望第一个勾号
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'
   }
}