Hide first tick in Highcharts time series

highcharts xaxis tick interval
highcharts tickpositioner
highcharts show first label
highcharts api
tick start highcharts
highcharts xaxis tick start
tickmarkplacement highchart
tick interval auto highcharts

I'm currently working on a time series line chart in Highcharts. I need to add major tick marks on the y-axis for all ticks except the first (i.e. major ticks at 0, 5, and 10 but only 5 and 10 have tick marks). Does anyone know of an easy way to accomplish this?

Move Ticks and hide the last one (start on Tick doesn't , My first label is not at the beginning of the X axis and my last tick y not ad the end of the X axis. I'm trying to create a jsfiddle with the values and  Draw the graph. Called internally when rendering line-like series types. The first time it generates the series.graph item and optionally other series-wide items like series.area for area charts. On subsequent calls these items are updated with new positions and attributes.

This obviously isn't ideal because you want your chart configurations to live in your Highcharts definitions, but using pseudo-selectors to hide the last tick is functional.

Highcharts assigns your axis ticks inside of an svg element with the class .highcharts-axis. Assuming you want to hide it for all charts, add the following to your CSS file:

.highcharts-axis :last-child {
    display: none;
}

yAxis.tickPositions, If the grid lines look messy, it's a good idea to hide them for the secondary axis by setting gridLineWidth to 0. If startOnTick or For a datetime axis, the scale will automatically adjust to the appropriate unit. Whether to show the first tick label. The interval of the tick marks in axis units. When undefined , the tick interval is computed to approximately follow the tickPixelInterval on linear and datetime axes. On categorized axes, a undefined tickInterval will default to 1, one category.

You can use the following:

https://api.highcharts.com/highcharts/xAxis.showFirstLabel https://api.highcharts.com/highcharts/xAxis.showLastLabel

Demo:

Highcharts.chart('container', {
    xAxis: {
        showLastLabel: false,
    },

    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://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

xAxis.tickPositions, If the grid lines look messy, it's a good idea to hide them for the secondary axis by setting gridLineWidth to 0. If startOnTick or For a datetime axis, the scale will automatically adjust to the appropriate unit. Whether to show the first tick label. Highcharts has extensive support for time series, and will adapt intelligently to the input data. Click and drag in the chart to zoom in and inspect the data. View options View visual theme Edit in jsFiddle Edit in CodePen Edit in Highcharts Cloud

I know it is too late, but may be someone try to find better solution, use

tickPositions: [],

here example http://jsfiddle.net/q602Lsmc/

Hide auto generated ticks and labels, How to hide the auto generated ticks and labels on a datetime x-axis? Axis is with ordinal True I want to remove what is highlighted in red: Welcome to the Highcharts JS Options Reference. These pages outline the chart configuration options, and the methods and properties of Highcharts objects. Feel free to search this API through the search bar or the navigation tree in the sidebar.

yAxis.endOnTick, If the grid lines look messy, it's a good idea to hide them for the secondary axis by setting gridLineWidth to 0. If startOnTick or For a datetime axis, the scale will automatically adjust to the appropriate unit. Whether to show the first tick label. Created with Highcharts 8.0.0. Chart context menu. USD to EUR exchange rate over time Pinch the chart to zoom in. 2008 2010 2012 2014 2016 2018 0.6 0.7 0.8 0.9 1

Add a 'startOnMin' option to the axis properties –, I think this exactly what I was trying to achieve in my datetime chart. I set the pointstart and first point's x to same time, but the first tick (and it's  Winter 2014-2015 Winter 2015-2016 Winter 2016-2017 Snow depth at Vikjafjellet, Norway Irregular time data in Highcharts JS Winter 2014-2015 Winter 2015-2016 Winter

Tickposioner / tickPositions, In case when we use hidden serie and tickPositioner/tickPositions, has to be showed at first with all the series of the secondary axis hidden (it's Problem seems to now be fixed properly in highcharts, see example: http://jsfiddle.net/​keL46/1/ and try to hide serie. You can't perform that action at this time. There is an offset between the point on the chart and the tick on the axis (as evidenced by the first chart). The labels repeat themselves because Highcharts falls on a smaller scales (days, not months), and your date format hides this from you. Problem #1. Let me illustrate point 1 with a more obvious example:

Comments
  • Sounds like something for a formatter.
  • Or showFirstLabel option.
  • @Ondkloss couldn't get a formatter to do it. Any suggestions?
  • @PawełFus we already hide our first label, but that doesn't hide the tick mark unfortunately.
  • Then use solution by jlbriggs.