<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZingSoft Demo</title>
<script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
<style></style>
</head>
<body>
<div id='myChart'></div>
<script>
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
var myConfig = {
"type": "line",
"scale-x": {
"values": "0:100:10"
},
"scale-y": {
"values": "3.1:3.4:0.1",
},
"plot": {
"aspect": "spline",
"tooltip": {
"text": "X: %kt<br>Y: %vt",
"text-align": "center",
"font-color": "black",
"background-color": "white",
"border-width": 1,
"border-color": "gray",
"border-radius": "7px",
"alpha": 0.5,
"padding": "7%"
}
},
"series": [{
"values": [
[11.1, 3.13],
[25.1, 3.13],
[30.2, 3.13],
[34.2, 3.15],
[59.5, 3.26],
[64.1, 3.26],
[70.3, 3.28],
[75.4, 3.29],
[80.3, 3.31],
[85.3, 3.28],
[90.1, 3.30],
[91.3, 3.35],
[95.5, 3.36],
[96.1, 3.37],
[99.1, 3.39]
]
},
{
"values": [
[15.5, 3.12],
[30.2, 3.12],
[31.9, 3.13],
[35.5, 3.13],
[39.1, 3.23],
[53.2, 3.25],
[57.1, 3.26],
[61.6, 3.36],
[69.5, 3.37],
[71.7, 3.36],
[80.3, 3.38],
[85.1, 3.38],
[89.3, 3.38],
[92.4, 3.39],
[95.5, 3.39]
]
}
]
};
zingchart.render({
id: 'myChart',
data: myConfig,
height: 400,
width: "100%"
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZingSoft Demo</title>
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
</head>
<body>
<div id='myChart'></div>
</body>
</html>
var myConfig = {
"type": "line",
"scale-x": {
"values": "0:100:10"
},
"scale-y": {
"values": "3.1:3.4:0.1",
},
"plot": {
"aspect": "spline",
"tooltip": {
"text": "X: %kt<br>Y: %vt",
"text-align": "center",
"font-color": "black",
"background-color": "white",
"border-width": 1,
"border-color": "gray",
"border-radius": "7px",
"alpha": 0.5,
"padding": "7%"
}
},
"series": [{
"values": [
[11.1, 3.13],
[25.1, 3.13],
[30.2, 3.13],
[34.2, 3.15],
[59.5, 3.26],
[64.1, 3.26],
[70.3, 3.28],
[75.4, 3.29],
[80.3, 3.31],
[85.3, 3.28],
[90.1, 3.30],
[91.3, 3.35],
[95.5, 3.36],
[96.1, 3.37],
[99.1, 3.39]
]
},
{
"values": [
[15.5, 3.12],
[30.2, 3.12],
[31.9, 3.13],
[35.5, 3.13],
[39.1, 3.23],
[53.2, 3.25],
[57.1, 3.26],
[61.6, 3.36],
[69.5, 3.37],
[71.7, 3.36],
[80.3, 3.38],
[85.1, 3.38],
[89.3, 3.38],
[92.4, 3.39],
[95.5, 3.39]
]
}
]
};
zingchart.render({
id: 'myChart',
data: myConfig,
height: 400,
width: "100%"
});