Viewport is the visible range of the axis and viewportMinimum allows you to set its minimum value. This can be used in combination with viewportMaximum in order to zoom into a certain region programmatically.
var chart = new CanvasJS.Chart("container",
{
.
.
axisX:{
viewportMinimum: -50,
viewportMaximum: 50
},
.
.
});
chart.render();
Also See:
Comments 6
Server Side Technologies |
Front End Technologies |
Contact |
|
|---|---|---|---|
| ASP.NET MVC Charts | JavaScript Charts | FAQs | |
| PHP Charts | jQuery Charts | Sales Enquiries | |
| Spring MVC Charts | React Charts | Support Forum | |
| JSP Charts | Angular Charts | Careers | |
| JavaScript StockCharts | |||
Privacy Policy © fenopix
Pingback: In v1.8 you can Sync multiple chart ranges, zoom vertically and control Pie/Doughnut Chart size - CanvasJS
Is it possible to update viewportMinimum and viewportMaximum during runtime? I am using line chart to display streaming data. I want to fix range of X that is viewed by default, for example [0-300] and then [1-301] and so on
Yeah, you can update viewportMinimum and viewportMaximum anytime after chart is initialized. For showing it’s effect on chart you need to call render() method on it.
Here is an example
How can I use viewportMinimum, viewportMaximum and interval when data on axis X is in valueFormatString: “MMM DD YYYY hh:mm” ? My data is coming every 30 minute, but I want axis X tick to display every day, not every 30 minutes
You can just set inverval to 1 and intervalType to “day”
How can I use axis X viewportMinimum, viewportMaximum and interval when the format is valueFormatString: “MMM DD YYYY hh:mm” ? My data comes every 30 mins, but I wants axis X tick every day, not 30 mins.