Question

我正在尝试删除offset。

的勾号上的x-axis

我希望第一个勾选10/8从x-axis和y-axis十字路口开始。

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"               
        },

最大填充和最小填充设置为0，所以我不知道问题是什么？

修改

我创建了一个fiddle我正在处理的图表类型。注意下面的图像具有不同的x轴值，因为我没有使用相同的小提琴值。拍摄快照后，我也设置了tickmarkPlacement: "on"。我希望Jan标签从行的开头开始。它目前有一些抵消。

Highchart x-axis offset

任何人都可以帮我吗？

Answer 1

你可以使用（假设'categories'是你的类别数组）

 min: 0.5,
 max: categories.length-1.5,
 startOnTick: false,
 endOnTick: false,

示例：http://jsfiddle.net/27hg0v06/1/

使用newset版本的highcharts获得完整的工具提示：

<script src="http://github.highcharts.com/highcharts.js"></script>

Answer 2

查看tickMarkPlacement属性：

http://api.highcharts.com/highcharts#xAxis.tickmarkPlacement

默认情况下，它是“介于”之间，这是您在图表上看到的内容。

将其设置为“on”应该可以满足需要。

除了tickMarkPlacement之外，您还可以查看minPadding和maxPadding属性：

Answer 3

在plotOptions中添加pointPlacement：'on'。

plotOptions: {
    series: {
     pointPlacement: 'on'
   }
}

Answer 4

更新的小提琴：

$(function () {
    $('#container').highcharts({
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            tickInterval: 1,
            tickmarkPlacement: "on",
            startOnTick: true,
            endOnTick: true,
            minPadding: 0,
            maxPadding: 0,
            offset: 0
        },
        plotOptions: {
          series: {
            findNearestPointBy: 'x',
            label: {
              connectorAllowed: false
            },
            pointPlacement: 'on'
          }
        },
        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        }]
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height: 400px"></div>

您只需要在系列对象之前添加以下内容：

plotOptions: {
          series: {
            findNearestPointBy: 'x',
            label: {
              connectorAllowed: false
            },
            pointPlacement: 'on'
          }
        },

Highcharts x-axis tick以偏移量开始

4 个答案: