score:4
it doesn't work for categorized axis - in that type,axis is divided into equal categories, so min/max padding isn't allowed.
possible solution is to use standard axis, but use formatter
for axis, see: http://jsfiddle.net/nwsgz/4/
score:1
you can use offset parameter for yaxis http://api.highcharts.com/highcharts#yaxis.offset
score:13
i've come up with a workaround, but it is not perfect.
- separate the yaxis from the chart using
yaxis.offset
- use extra-long tick marks to simulate the gridlines extending off to the left
like this:
yaxis: {
offset: 30,
ticklength: 30, // same value as offset
tickposition: "inside",
tickwidth: 1,
tickcolor: "black", // the same as your gridline color
labels: {
align: 'left',
x: 0,
y: -8 // position labels above their gridline/tickmark
}
}
for a demo, see http://jsfiddle.net/supertrue/nwsgz/2/
why it's not ideal
i want my gridlines to use a dash style (e.g. dashstyle: 'longdash'
), but there doesn't appear to be a way to apply a dash style to tick marks.
i would love to hear if there's a way to do this, or a better workaround.
Source: stackoverflow.com
Related Query
- HighCharts - Y-Axis padding in a bar chart
- Highcharts - Bar - Setting the X axis width and the chart area width to be constant
- How to resize bar chart based on no of x axis categories in HighCharts
- Highcharts - Bar chart show full label on Y Axis
- Highcharts - Stacked bar chart - Remove axis
- Highcharts - PDF export format; font sizes for bar chart axis
- How do I rotate my HighCharts bar chart so its vertical, not horizontal?
- dealing with highcharts bar chart with really long category names
- Highcharts percentage of total for simple bar chart
- highcharts jquery dynamic change chart type column to bar
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- HighCharts-Removing the padding for a bar chart
- Highcharts stacked bar chart hide data labels not to overlap
- How to add space between chart and axis in highcharts
- Highcharts Bar Chart - How to set the minimum bar width/length
- Shadow in Highcharts bar chart
- Grouping a stacked bar chart in Highcharts
- Highcharts - How can I remove starting and ending padding from area chart
- Highcharts blank chart with x and y axis
- Highcharts stacking bar chart border not displaying on right side
- Simple bar chart in jQuery HighCharts and MVC 2 application?
- creating a bar chart using Highcharts with React - getting an error that rendering div isn't found
- Importing JSON file into Highcharts for Bar Chart Visualization
- Highcharts Progress Bar Chart
- How to place x axis labels on top of horizontal bar chart
- Highcharts 3d bar chart data labels position is wrong
- R highcharts multiple stacked bar chart
- Highcharts Bar Chart Zoom not working
- Centering a data label in Highcharts Bar Chart
- Adding round corners to Highcharts Bar Chart with stacked bars when value is 0
More Query from same tag
- Avoid displaying y axis label and points when there is no data: HIghcharts
- HighCharts. How to display X axis labels line without data?
- Javascript set theme for each graph
- How can I reverse the series order of a pyramid chart in Highcharts
- Find chart by title (Highcharts)
- Highcharts combine pie chart with a scatter chart
- Highcharts chart.tooltip.formatter overriding series.tooltip.pointFormatter?
- Javascript setInterval/setTimeout not working when browser tab not focused
- Dynamically add a Highchart point while preserve categories
- How can i use arrays in Highcarts?
- How to disable or remove the default HighChart loading message?
- set different colors for each column in highcharts
- How do I style the series labels on a Highcharts pie chart?
- Add new series to the top of a highcharts stacked column chart
- Highchart logarithmic X axis fail without zero values nor threshold under zero nor minimum
- Highstock not redraw immediately while dragging the navigator in mobile
- Highcharts 24 hour setup for hourly values
- Highcharts - Redraw/Resize chart after destroying legend?
- Highcharts: only display stack labels if there are multiple stacks?
- Highcharts plotband label zIndex
- Highchart how to enlarge the plotBands in a gauge?
- Highcharts - column chart with drilldown to waterfall
- Highcharts not rendering : React+Typescript+Highcharts
- HighCharts set scrollbar position
- How to display no data found in highcharts
- Making Highcharts.js charts look good on mobile and desktop
- How to hide a highchars when there is no data to show?
- Highcharts text labels for y-axis
- HighCharts: Possible to summarize series data and show in title?
- Object function() {location.href = this.options.url); has no method 'apply'