JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<script src= "https://cdn.zingchart.com/zingchart.min.js"></script>
<script> zingchart.MODULESDIR = "https://cdn.zingchart.com/modules/";
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9","ee6b7db5b51705a13dc2339db3edaf6d"];</script> <script src='http://code.jquery.com/jquery-2.1.4.min.js'></script><script src="http://www.zingchart.com/scripts/zcDocs.js"></script>
<link href='http://www.zingchart.com/css/zcDocs.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div id='demo-chart'></div>
<button class='btn btn-danger' id='reset'>Reset</button>
<button class='btn btn-info' id='demo1'>Demo 1</button>
<pre id='output'></pre>
</body>
</html>
JavaScript
var myConfig = {
'type':'line',
'series':[
]
};
zingchart.render({
id : 'demo-chart',
data : myConfig,
height: 400,
width: '100%'
});
$('#demo1').click(function() {
zingchart.exec('demo-chart','addplot',{
//plotid : 'http://mine/2',
'data' : {
plotid : 'http://mine/2',
'values':[69,68,54,48,70,74,98,70,72,68,49,69],
text : 'To be removed'
}
});
zingchart.exec('demo-chart', 'addplot', {
data : {
plotid : 'http://yours/3',
values : [10, 20, 15],
text : 'To stay'
}
});
zingchart.exec('demo-chart','removeplot',{
//plotid : 'http://mine/2', // This doesnt work
data : {
plotindex : "http://mine/2" // This always removes index 1
}
});
});