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>
<html>
<head>
<title>Simple Line Chart</title>
</head>
<body>
<div id="myChart"> </div>
<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
<script>
var myConfig = {
type: 'line',
series: [
{ values: [35,42,67,89,25,34,67,85]},
{ values: [10,20,10,15,20,30,45,15]}
]
};
zingchart.render({
id: 'myChart',
data: myConfig,
height: 400,
width: 800
});
</script>
</body>
</html>
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.