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
- Start scrollbar at the left for Highstock
- Highcharts upgrade to 8.1.2 not working with Angular 8
- cakephp highchart fatal error while rendering
- How to draw a vertical line from a xAxis click event in Highcharts?
- How can I faded label in Highchart Timeline if it's not selected?
- How to set the target of highcharts bullet chart using SVG?
- HighCharts: Adding different type of data to points
- How to get y-axis boundary line using highchart?
- highchart change chart by choosing month in drop down
- Display/hide Highchart content
- Receiving "Highcharts is not defined" error when using maps (Highmaps / Highcharts)
- Getting some error in guagechart of Highcharts in angular 6
- How to make hover effect for two bar in highcharts at the same time is there any way by using css or any inbuilt method to achieve this?
- AngularJS Directive Applying Wrong Data
- Responsiveness of the annotations in highcharts
- ASP.NET MVC Angular 2 Failed to load resource: the server responded with a status of 404 (Not Found)
- Tooltip help in HighCharts Column chart
- Set series color based on X axis on a column Highchart
- High-Charts selection event triggering wrong output on css transformed element
- How to create a stacked chart with cumulative line using Highchart.js
- How to use scrollbar on highcharts heatmap?
- Reading a CSV with Highchart
- How to get current drilldown's id in Highcharts
- HighCharts not displaying all the categories
- Change color of selected point in HighCharts dynamically
- Drilldown in HighChart on Double Click
- Highchart Polar chart multiple background colors to SVG
- highstocks chart showing extra month
- Highcharts Point Value Disappearing
- How do I get json output from a date value from mongodb using pymongo