score:2
There isn't a single setting that will do this. The points are, by default, aligned in the center of the category. You could set your tickmarkPlacement
property from the default of between to on, but this will mess up your column grid.
The best option that I am aware of for this particular scenario is to fake it, by adding a data point to both the beginning and end of your line, at -0.5 of your min x value, and + 0.5 of max x value, respectively, repeating your first and last y value.
So, for example, if your data is:
data: [3,4,7,8,6,5,4,5,4,3,4]
It would then need to be:
data: [{x:-0.5, y: 3},3,4,7,8,6,5,4,5,4,3,4,{x:10.5, y: 4}]
You may need to adjust a few other options as well, depending on your other chart options, such as:
x axis min/max
plotOptions -> column ->
grouping: false
plotOptions -> column ->
pointRange: 1
Example:
score:1
Source: stackoverflow.com
Related Query
- How can I extend the lines of this Highchart series to the edges of my chart area?
- How can I make milestone lines with a GANTT chart using the highcharts library?
- How to combine 2 series in area chart - Highchart
- How can I reverse the series order of a pyramid chart in Highcharts
- How can i set the json encode result to the highchart series data using getJSON
- How do I export the current styling of a HighChart series chart to PNG, JPG or PDF?
- How to extend plot line value outside the grey area or outside the chart in highchart?
- How can I contain a label on a Highcharts area chart to the series' area
- How can get the position of line series in high stock chart
- How to export a Highchart chart to PDF thanks to a button outside the chart?
- How can i hide all the Series in highcharts at a time
- Highchart Area Range chart with gradient that follows the line
- How can I reset the styles given to series in Highcharts?
- Highstock: When legend under the chart has many items, the chart height is small. How can I fix the height?
- How can I do in Highchart to have 1px space between the columns and the y Axis?
- Highcharts - How can I remove starting and ending padding from area chart
- How can I delete all of the points from a highcharts series
- Highcharts, How can I change the datalable distance in a pie chart based on the value
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- How can I prevent my HighChart bar chart from being inverted?
- How can I hide ALL series with the same ID with a button on highcharts? (line graph)
- How to use add series and update methods in the high chart wrapper for angular?
- How to fill the Area between two series with multiples yAxis in HighChart?
- How to set series-label to false by default and change the color of series label text in highchart
- highcharts- stacked bar, how can I make the chart cover the width 100%?
- How to show Legends for all the series data in stacked column chart Highcharts?
- How can I put the Highchart to the html page
- In Highcharts, how can we separatedly set up the border color of each block in a Pyramid chart
- Vue js + HighChart - how can I make a synchronous axios call before the component get rendered?
- How to display the total of the series values for a donut chart in Highcharts?
More Query from same tag
- Including jquery and highcharts library
- Keep highcharts y-axis labels in view
- Highcharts addPoint() calling in quick interval causing shape collapse of graph
- how to get index of chart in multiple highchart container
- JavaScript / JSF2 data (rectangle) visualization in a cartesian coordinate system
- highcharts rescale yaxis aftr addSeries
- Highcharts Realtime Multi-series
- Not able to drill down after clicking back button.
- Highchairs how to prepend HTML to legend
- Highcharts: Uncommon x axis value set at the end of the graph.
- Stacked bar chart colors in case of Drilldown (open on click of Line chart)
- HighCharts multiple x series data for line graph
- How to load highcharts annotations module in react typescript?
- Highcharts Javascript - Synchronize Chart and Table not working - Cant read property cell of undefined
- Drilldown in Pie Chart of hplot R
- Excel charting to JavaScript
- Highcharts bar chart force bar to use space
- HighCharts: align rotated multiline label
- Disable color-cycling in Highcharts
- How can I highlight selected label in HIghcharts Timeline?
- How to modify style properties in an Highcharts tag with Angular?
- Vue.js - Highmaps - change variable's value from inside chart
- Use redraw to get data from chart, Jsfiddle provided
- Highcharts sparklines from ajax-inserted data
- High chart Displaying wrong month value in xaxis
- Defaults for Highcharts graphs
- Highcharts, highslide and ReportViewer
- Enable rangeSelector buttons for asyncLoading without navigator enabled
- how to display the highchart data with data serialize from a form using button onclick?
- Show only first and last xAxis label in Highcharts