score:1
You have to set your pointRange
option for series.
pointRange : On linear and datetime axes, the range will be computed as the distance between the two closest data points.
As there is only one point, Highchart won't be able to calculate the pointRange
...
To be sure that it will work, put it at the tickInterval
value.
// ...
plotOptions: {
series: {
pointRange: 24 * 3600 * 1000, // tickInterval has the same value
// ...
},
// ...
},
// ...
For your question about First and Last label :
xAxis: {
// ...
showFirstLabel: false,
showLastLabel: false,
// ...
}
Look at this Example.
score:1
The problem is that with one point Highcharts won't be able to calculate pointRange for any of series. In that case set directly pointRange
for series, see: http://jsfiddle.net/b33mN/5/
In the example, pointRange = tickInterval, it's probably you want to achieve.
score:0
I know this is a late but helpful answer, I use pointPlacement attribute of the config when using column charts and here is a plunker that shows how to use it to make columns stay next to each other .Results: http://plnkr.co/edit/uqZ4LEugMefLD6WSzHZT?p=preview
$(function () {
$('#container2').highcharts({
chart: {
type: 'column'
},
xAxis: {
type: 'category',
categories:["Population","Kokulation"]
},
legend: {
enabled: false
},
plotOptions: {
series: {
pointPadding: 0,
groupPadding: 0,
pointWidth:20
},
},
tooltip: {
shared: false
},
series: [{
name: 'Population',
data: [
['Shanghai', 23.7],
['Lagos', 16.1]
],
pointPlacement:0.23
},
{name:"Kokulation",
data:[
['Istanbul', 14.2],
['Karachi', 14.0]
],
pointPlacement:-0.2146
}
]
});
});
Source: stackoverflow.com
Related Articles
- How to display bars next to each other
- How to align two pie graphs (highcharts) next to each other
- Using Highcharts to show multiple stacked bar charts next to each other
- Highcharts Heatmap - How to get blocks next to each other when separated by more then '1' in value
- Can you group multiple candlestick series next to each other in a highstock chart?
- Want to avoid spacing between each stacked bars in highcharts?
- Show Highchart series horizontally below each other
- how to display 2 same highcharts without duplicate the code
- Highcharts: show multiple days data on same chart making them overlpa each other to comparison
- maxPointWidth causing more gaps for bars within each x point, in basic Column chart
- In a Highchart, how to display the legend text in next row if the text is too long?
- HIghCharts bar chart renders columns on top of each other
- Display series labels at the end of each line in Highcharts Editor
- Display two labels for each bar in highcharts(one inside and one outside)
- Highcharts display label for pie chart using html table as data source
- Highchart data each row on gridview to display different data on button click open modal
- Highcharts Plot two datetime series on top of each other
- Strange character in the Highstock source code
- What's the code in Highcharts such that the bars (columns) in the same group use the same color?
- How to display stacked bars in combination with normal bar in Highcharts?
- HighCharts: Compare the series data with each other and show percentage
- How to overlay two kinds of world maps over each other on Highmaps
- Column based Highchart drilldown series assign color code to each column
- Please help Highcharts - Windrose graph display bars from top to center
- Highchart: To display percent on each and every column of Column chart
- Highchart display single entry against each category in bar chart
- Why code of Horizonal line(y-axis) on a single in Highcharts get applied to all other charts integrated with Webdatarocks
- Vue Highcharts display graph for each user after routing
- How to add footer for each series stacked horizontal bars in highcharts?
- How to display data value on each slice of doughnut charts in echarts
- Extracting chart coordinates from touch events for custom HighCharts interaction
- JS HighCharts.js Pie data in different format
- Empty space above plot lines in Highcharts
- Getting some error in guagechart of Highcharts in angular 6
- Formatting Tooltip of Values >1000
- create an interactive table while rotating the piechart
- Any chart library for funnel chart instead of highchart?
- Javascript array of arrays query
- Can't assign names to legend points
- Highcharts Chart is not completely hidden if the smartGWT Layout id hidden
- Highcharts crashes when I assign the options
- Highcharts failing to display data
- Get max of x axis in highcharts using react
- Highcharts, How can I change the datalable distance in a pie chart based on the value
- Build failing after angular upgrade from 4.4 to 8
- How to set containerId when I call Highsoft().Highcharts
- Highcharts with external CSV $.get - No xAxis date
- Why does highchart add a padding for a certain bar chart?
- How to auto adjust Y axis plot lines in live high chart
- How to predict where two lines will join in Highcharts?