Highcharts x-axis tick starts with an offset

问题

I am trying to remove the offset on the tick of the x-axis.

I want the first tick 10/8 to start from the x-axis and y-axis intersection.

10-8 should be on the marker which is between the two labels.

I have following code for it in 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"               
        },

Max padding and min padding are set to 0, So I don't know what the problem is?

EDIT:

I have created a fiddle of the type of chart I am dealing with. Note Image below has different x-axis values as I am not using the same value of fiddle. Also I have set tickmarkPlacement: "on" after I took that snapshot. I want Jan label to start from the beginning of line. It has some offset currently.

Can anyone help me with this?

回答1:

You could use (assuming 'categories' is your array of categories)

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

Example: http://jsfiddle.net/27hg0v06/1/

Use newset version of highcharts to get fully working tooltip:

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

回答2:

Take a look at the tickMarkPlacement property:

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

By default, it is 'between', which is what you are seeing on your chart.

Setting it to 'on' should do what you need.

You can look at the minPadding and maxPadding properties in addition to the tickMarkPlacement:

http://api.highcharts.com/highcharts#xAxis.minPadding
http://api.highcharts.com/highcharts#xAxis.maxPadding

来源：https://stackoverflow.com/questions/26364906/highcharts-x-axis-tick-starts-with-an-offset

标签

javascript

Highcharts