Step Line Charts are much like line charts except they uses vertical and horizontal lines to connect the dataPoints. The Step like structure so formed highlights the increase or decrease in values over time.
Cannot be combined with: Doughnut, Pie, Bar, Stacked Bar charts.
Important Properties
| Applies To | Attribute | Type | Default | Options/Examples |
|---|---|---|---|---|
| dataSeries | lineThickness | String | 2 | 4,6.. |
| dataSeries/ dataPoint | markerSize | Number | auto | 5,10.. |
| dataSeries/ dataPoint | markerType | String | “circle” | “none”, “circle”, “square”, “cross”, “triangle” |
| dataSeries/ dataPoint | markerColor | String | dataSeries Color | “red”,”#1E90FF”.. |
| dataSeries/ dataPoint | markerBorderColor | String | dataSeries Color | “red”,”#1E90FF”.. |
| dataSeries/ dataPoint | markerBorderThickness | Number | 0 | 4,7.. |
Basic Step Line Chart
Step Line Chart With Additional Customization
Integrations:
Also See:
Comments 7
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
the code for stepline no show graph…only the title…( copy – paste )
Ronald,
StepLine chart was introduced in the 1.1 beta version of CanvasJS. I think you have probably downloaded 1.0 GA.
Please download 1.1 beta from the download page.
it work!…thank you…i generate data from oracle and all work fine! tanks again!!!
is there also an option for backstep?
Oliver,
Can you kindly brief what you mean by backstep. Any link or pictorial representation will help us to know the kind of chart you are looking for.
I want to exchange the data of x & y axis. Can this is possible ?
Harish,
As of now this feature is not available, but you can try rotating the chart-div and customize. Check this example.