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
- Highcharts - Change line style in line gaps (null)
- Specify color for each point in scatter3d
- How can I update the data in highcharts for both x axis & y axis?
- Highcharts Triple Drilldown Round Corners Plugin Bug
- Format data to parse to a highcharts pie chart
- Highcharts plotLine drag xAxis event
- Highcharts not displaying data but drawing chart when reading from CSV file
- Divide y-axis values by 10 onclick
- How to display single hightchart bar graph in multiple container/selector?
- How do I initialize HighChart series values with AJAX?
- Highcharts donut chart customization
- Highcharts redundant time data with multiple axes
- When I automatically update a HighCharts chart every minute, the CPU gradually overloads, and the browser locks up
- Pie Chart connected to a mysql database (Using Highcharts)
- Highmaps: how to disable map zoom by mouse scroll
- JSF, HighCharts and JS
- Highstocks is rounding all of my data
- Highcharts assign colors to series after using csvURL
- display content on highcharts Xaxis and Yaxis title in form of subscript and superscript
- Only one highcharts using react-grid-layout can resize
- Json is syntax-valid, but the HighChart won't display series correctly
- Highchart Column with Drilldown using MySQL
- HighCharts Not Adding Series Data Points
- Dynamic values above column + jQuery Highcharts
- Multiple chart export in HighChart is not same as the one displayed on the screen
- How to connect to end points in two linked series in HighCharts
- How to make Highcharts color axis as thresholds instead of gradual?
- How to change size of bubbles in Highcharts' 3D scatter chart?
- Counter with highcharts
- How to get the array format to function on x axis labels?