zommchart repeated plot problem at IE
Repeated plotting zoomcharts into the same container will cause error at IE Edge
HTML
<script src="https://cdn.zoomcharts-cloud.com/1/12/0/zoomcharts.js"></script>
<button onclick = "plotChart(true)">Plot Chart 1</button>
<button onclick = "plotChart(false)">Plot Chart 2</button>
<button onclick = "deleteChart()">Delete</button>
<div id='demo'></div>
JavaScript
var f;
var data = {
subvalues: [{
subvalues: [{
name: "Jan",
value: 150
}],
name: "2015",
value: 150
}, {
subvalues: [{
name: "Feb",
value: 4
}, {
name: "March",
value: 292
}],
name: "2014",
value: 296
}, {
subvalues: [{
name: "April",
value: 204
}],
name: "2013",
value: 204
}]
};
function deleteChart(){
if (f)
f.remove();
}
function plotChart(isFirstTime) {
if (f)
deleteChart();
f = new FacetChart({
container: document.getElementById("demo"),
data: {
sortField: isFirstTime == true ? "" : "value",
preloaded: data
},
toolbar: {
extraItems: [
"fullscreen", {
cssClass: 'webix_icon',
label: '<i class="webix_icon fa-list"></i>test',
image: 'fullscreen',
onClick: function(ev, zoomchart) {
zoomchart.customize("dark");
zoomchart.updateSettings({
data: {
sortField: "value"
}
});
}
}
]
},
valueAxisDefault: {},
series: [{
data: {
field: "value"
}
}]
});
};