score:4
You can set the xAxis type as 'datetime' then set the pointInterval and PointStart in the plotoptions.
Code example:
var chart;
$(document).ready(function () {
chart = new Highcharts.Chart({
"xAxis": {
"type": "datetime"
"plotOptions": {
"line": {
"pointInterval": 86400000,
"pointStart": 1282408923000
}
},
});
});
The figures you see for pointInterval and Start are in millisecionds which you can generate using getTime() The interval in your case would be 86400000ms which is one day. The library displays appropriate intervals based on your data interval.
score:0
here is my ugly solution :)
I'm using array as queue. http://javascript.about.com/library/blqueue.htm if you fill point datas to the queue, you can to set datas for your chart series.
var myQueue = new Array();
var myPoint = [x, y]; myQueue.push(myPoint);
chart.series[0].setData(myQueue);
my X axis is not a datetime, it's an integer
first
var x = 0;
x value should be always increment when you need a new point. http://dl.dropbox.com/u/3482121/picture/highcharts/PM/Screenshot.png
score:5
xAxis: {
categories: categoriesname,
labels: {
style: {
color: '#000',
font: '9px Trebuchet MS, Verdana, sans-serif'
}
},
**tickInterval: TickInterval,**// SET THIS
tickPixelInterval: 80,
tickmarkPlacement: 'on'
},
score:45
It seems like the xAxis:labels:step value is what should be used to accomplish this:
xAxis: {
categories: ['JAN', 'FEB', 'MAR', 'APR', 'MAY'],
labels:{
step: 2 // this will show every second label
}
},
Super late, but I figure this can help someone out.
Source: stackoverflow.com
Related Query
- Highcharts - show every other x-axis category
- how to show column and area charts with different y axis with same category and same x axis in highcharts
- Show label only every x number of steps in highcharts
- Highcharts - show every month on datetime x-axis when the parent container is small
- How can I force highcharts to show every x-axis label regardless of spacing constraints?
- How to show only specific x-axis values on datetime axis in Highcharts
- Show some specefic number on gauge highcharts axis labels
- Highcharts show plot value on x axis label
- How can I hide and show a category in highcharts
- HighCharts - Show categories in x axis intead of the value of x in Bubble Chart
- Highcharts stacked column stackLabels do not show when axis is reversed
- How To Show All Data Labels For Datetime Axis In Highcharts
- not able ot show date in x axis in highcharts
- Fourth y axis does not show labels in Highcharts
- Show special symbol for each series in category in highcharts
- Highcharts show days of month dates in X axis (from JSON file). tickInterval: not work?
- Highcharts - line chart dataLabels on every other point?
- How to make the Y Axis values not start from 0 in highcharts? How to display forcefully display the last category data on X axis in HighCharts ?
- Highcharts column only show one category
- Highcharts - xAxis showing every other year
- Highcharts - Bar chart show full label on Y Axis
- Using Highcharts to show multiple stacked bar charts next to each other
- How to show values in Highcharts tooltip other than x and y when data points are too high?
- How to show other point property in bubble highcharts using tooltip
- Highcharts - Show a string category label in the tooltip for a line graph
- Show 1st of every month on highcharts
- Highcharts - how to access category of multiple axis of the point from tooltip
- Show only two axis values in highcharts
- Highcharts - change group padding and column width on category axis
- Why code of Horizonal line(y-axis) on a single in Highcharts get applied to all other charts integrated with Webdatarocks
More Query from same tag
- Highcharts - toggle auto scale
- HighCharts : 3D Pie Chart Not Displaying
- How do I increase the clickable area of a point in Highcharts so that whenever the point is 'active' a click can be recorded?
- Highcharts series data array not working
- HighCharts Heatmap with motion
- Additional Chart in Tooltip possible?
- How to extend X axis datetime in Highchart
- Highcharts Get legend "icon" in tooltip
- Highcharts change line style after intersect
- Highcharts change value out of csv file before plotting as epoch time not in ms so it has to be multiplied by 1000
- Highcharts: Set y Axis Max and Min dynamically, and not at creation
- Highcharts. Series have same color after drilldown
- Highcharts:column drill down:JSON
- highchart tooltip hover - on busy charts the tooltip jumps between the points
- How can you add flags to points on a graph
- HighChart / HighStock chart.refresh seems to fail to reload the chart
- Jumping on the x axis in Highcharts
- Is there a way to create Chord Diagram using Highcharts
- HighCharts Dynamically Change Chart Type
- d.select is not a function
- How to resize Highcharts chart on KendoUI/Angular Window resize
- Highcharts not rendering data points
- Making a drawing clickable in highcharts
- High charts: Can we reduce the distance between two bars in grouped column chart
- Draw a vertical line when clicking on the series in highcharts.
- Set specific spacing between rows and columns in Highcharts heatmaps
- How to create a highcharter event function to create a “dropdown function” in Shiny R
- Determine trend line types available in HighStock charts
- angular onChanges highcharts
- Rounded edges Gauge with Highcharts.js