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: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
}
]
});
});
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.
Source: stackoverflow.com
Related Query
- How to display bars next to each other
- How to align two pie graphs (highcharts) next to each other
- Highcharts Heatmap - How to get blocks next to each other when separated by more then '1' in value
- how to display 2 same highcharts without duplicate the code
- In a Highchart, how to display the legend text in next row if the text is too long?
- Using Highcharts to show multiple stacked bar charts next to each other
- How to display stacked bars in combination with normal bar in Highcharts?
- How to overlay two kinds of world maps over each other on Highmaps
- 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
- how to display dynamically chart in each cell?
- how to place same highcharts series beside each other
- How can I display a Highcharts organization chart with level 1 nodes below other level 1 nodes?
- Highcharts: How to display each column as a separate series?
- How to place 2 div one next the other one
- How to display total number of comments in high chart on each plotted point?
- how to display the date at X axis and other column at y axis in highcharts
- Can you group multiple candlestick series next to each other in a highstock chart?
- How do you change the colour of each category within a highcharts column chart?
- How to display the value instead of percentage in a pie chart using jquery Highcharts
- How to use the tooltip formatter and still display chart color (like it does by default)?
- How to display highchart series line marker symbol from tooltip formatter?
- How to display No Data Available Message in highcharts
- Highcharts - How to display legend symbol inside the tooltip
- How can I change the width of the bars in a highchart?
- How to display highchart y axis with constistant data
- How to break highchart bars for extreme values
- how to make highcharts pie datalabels always in center of each slice?
- Want to avoid spacing between each stacked bars in highcharts?
- How do I make each row in a HTML table a pie chart in Highcharts?
More Query from same tag
- How to use highchart boost library with D3?
- Highcharts events issue with plotbands in Date Range Line Series
- Angular-Highcharts: Chart Pie is not working when change between tabs
- Display tooltips exact format outside, into another div
- how to add horizontal line over columns at different values
- Highchart pie - datalabel cannot be selected when setting useHTML=true
- How to set column width for columnRange chart with multiple series
- Highcharts: Dual axis chart with xAxis categories in legend?
- Add different colour in X-range bar based on percentage
- How to plot multiple lines in a single graph using HighChart with JSON
- FillPattern after drillDown to countries on Highchart-react
- Set Color for Pie Chart using HighChart + JSON data
- Highcharts not loading on PHP page
- How to overlay two kinds of world maps over each other on Highmaps
- Javascript event conflict, but not sure how to identify the first event assignment
- Pie chart from highcharts does not render via justpy
- Map appears once, but is »overlaid« with empty map quickly in Highmaps
- Why can't I click a point in an area chart if it is covered by another series?
- Setting formatter callback using highcharts-convert.js
- HighCharts.StockChart remove zoom feature
- How To Use Highmaps Data In JSON Not Labeled 'value'
- how to get updated value of react useState hook from setInterval function in highcharts?
- HighCharts + xAxis label formatter
- How to add a plotline to a bar chart in Highcharts?
- Set tooltip in date format Highchart
- Highmaps: Change periods to commas when setOptions wont work
- Highcharts - only show tooltip when hovering directly on point
- Using highcharts for Rails (via LazyHighCharts), is there a tooltip for yDateFormat for having datetime data on the Yaxis?
- How to add gradient colors above chart line?
- highcharts x-axis irregular date intervals issue