score:2
Accepted answer
You can stick you chart to the bottom using threshold property. Like this:
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
},
plotOptions: {
series: {
threshold: 0
},
},
xAxis: {
categories: ['0', '1', '2', '3', '4'],
},
series: [{
data: [0,3,2,5]
}]
});
});
For x-axis this is not possible with use of an API. You will need to do some custom programming. It's a feture that centers graph if categories are present.
score:0
I did find an alternative solution which is to add an imaginary point which mirrors the first plot and then set the x axis min to 1 to cut it out, so the graph will cross the origin and will only be visible on the positive side. http://jsfiddle.net/jMcfG/7/
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
min: 1,
categories: ['-13', '0', '1', '2', '3', '4']
},
yAxis: {
min: 0,
minPadding: 1
},
series: [{
data: [-1,1,3,2,5]
}]
});
});
Source: stackoverflow.com
Related Query
- Highcharts plot offset on line graph with categories
- Creating a line graph with highcharts and data in an external csv
- Highcharts scatter plot with variable line width
- Highchart : How to plot Stacked bar graph with line by below JSON respons
- Plot a bar graph using Highcharts drilldown with two different JSON end points
- Highcharts - connect points with a line in scatter plot on hover
- Find and fill intersection of line chart with plot line in highcharts
- highcharts line graph with ajax
- Highcharts Single line series with single data not showing plot
- How to get 2 data-points with one name in series Line Graph Highcharts Reactjs
- Plot line is hiding behind trend in highcharts and movement of plotline is become very hindrance when loaded with very large data sets
- missing value in highcharts line graph results in no line, just points
- Highcharts: Line graph with half solid line and half dotted line?
- Highcharts - Dyanmic graph with no initial data
- Making a Highcharts plot with Python
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Dynamically applying plot bands to a Highcharts graph
- Highcharts chart with 'datetime' xAxis - use categories on drilldown
- Highcharts scatter plot with lots of data points running really slow
- How do I set highcharts line graph point colors to an array of colors?
- Highcharts - multiple plot with the same x scale
- Highcharts - Scatter chart with a line connecting the dots in the series
- Highcharts shared tooltip for line series and scatter plot not working
- Add dynamic data to line chart from mysql database with highcharts
- Highcharts x-axis tick starts with an offset
- Highcharts stacked column bar with line
- Programmatically draw rect and line in Highcharts with zoom
- Highcharts - Global configuration with common code and unique data & Headings
- How to plot line in highcharts on charts click event?
More Query from same tag
- Navigator in HighStock chart doesn't work properly after drilldown
- JS Graphs using positive & negative values (Single line graph)
- How to efficiently remove all series from highchart/highstock and then add many more
- Hight Chart Dynamic Json Value is not loading in Series Data Section but Static Value is Loading Finely
- HighChart Graph aligned wrong on Xaxis .. not able to reproduce on JSFiddle
- Highcharts with JQuery mobile Black display
- Inserting mouseover event to custom label created with SVGRenderer, highcharts
- Highcharts / Highstock scroll default position
- TreeMap chart of Highcharts in Angular
- Images/Icons in datalabel not getting exported - highchart treemap
- Using custom boundaries in high map
- How to display only last point on highcharts and that point should travel with chart line?
- HighCharts navigator: how to disable the expand width icon on hover
- How to create data in Json format for highcharts
- On Mouse over on the high chart data the tool tip value should be displayed next to legend label
- Tick position on X axis
- Unexpected behavior of useCallback hook in my React component
- Highstock/Highcharts - yAxis Label top
- Using Highchart with Codeigniter
- How to draw HighChart XAxis dynamically
- Making Highcharts.js charts look good on mobile and desktop
- How can I use the chart.addButton() method?
- Exporting Image with all tooltip in high charts angular
- Highcharts Stacked Columns Labels on Top
- Update from milestone to task Highcharts gantt
- how to make highcharts pie datalabels always in center of each slice?
- Make chart.renderer.path as plotline Highcharts
- Using chart.update on a chart using renderTo
- highchart/highstock tooltip does not adjust after zoom
- pointPlacement does not work on spline