ZingChart: How to I get started with line charts?

Line charts are one of the most commonly used chart types and they are quite easy to make with ZingChart.  

In your JSON config or JavaScript object set your type  property to 'line'  and add some series  data and you are done.

<!DOCTYPE html>
<title>Simple Line Chart</title>
<div id="myChart"> </div>

<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>

var myConfig = {
  type: 'line', 
  series: [
   { values: [35,42,67,89,25,34,67,85]}, 
   { values: [10,20,10,15,20,30,45,15]}

   id: 'myChart', 
   data: myConfig, 
   height: 400, 
   width: 800 


Of course you are missing lots of useful features like legend, titles, markers and other useful features.  Explore the examples below to see what you might do.



Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us