zoomchart new toolbar button testing
new button able to update the chart setting immediately. The chart do not jump back to default view (eg: before drill down) if the button is clicked
by YeongCY
HTML
<script src="https://cdn.zoomcharts-cloud.com/1/11/4/zoomcharts.js"></script>
<link rel="stylesheet" href="https://cdn.webix.com/edge/webix.css">
<script src="https://cdn.webix.com/edge/webix.js"></script>
<div id='demo'></div>
JavaScript
webix.ui({
view: "form",
container: "demo",
height: 550,
scroll: true,
rows: [{
view: "template",
borderless: true,
height:300,
template: "<div id='zoomcharts'></div>",
}]
});
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
}]
};
var f = new FacetChart({
container: document.getElementById("zoomcharts"),
data: {
//sortField: "value",
preloaded: data
},
toolbar:{
extraItems:[
"fullscreen",
{
label: '<i class='weix_icon fa-list'></i>test',
onClick: function(){
f.customize("dark");
f.updateSettings({data:{sortField:"value"}});
}
}
]
},
series: [{
data: {
field: "value"
}
}]
});