Javascript 如何更新饼图中的数据?
我必须在应用程序中生成饼图。所以我试过这个Javascript 如何更新饼图中的数据?,javascript,d3.js,d3pie.js,Javascript,D3.js,D3pie.js,我必须在应用程序中生成饼图。所以我试过这个 var il = document.getElementById("il").value; var ir = document.getElementById('ir').value; var iw = document.getElementById('iw').value; <script> var pie = new d3pie("pieChart",{ alert('hello'); "header": {
var il = document.getElementById("il").value;
var ir = document.getElementById('ir').value;
var iw = document.getElementById('iw').value; <script>
var pie = new d3pie("pieChart",{
alert('hello');
"header": {
"title": {
"fontSize": 22,
"font": "verdana"
},
"subtitle": {
"color": "#999999",
"fontSize": 10,
"font": "verdana"
},
"titleSubtitlePadding": 12
},
"footer": {
"color": "#999999",
"fontSize": 11,
"font": "open sans",
"location": "bottom-center"
},
"size": {
"canvasHeight": 206,
"canvasWidth": 450,
"pieInnerRadius": "60%",
"pieOuterRadius": "70%"
},
"data": {
"content": [
{
"label": "Incidents Logs",
"value": this.il,
"color": "#38A4DD"
},
{
"label": "Incidents resolved",
"value":this.ir,
"color": "#FFC400"
},
{
"label": "incidentsWip",
"value": this.iw,
"color": "#B39DDB"
}
]
},
"labels": {
"outer": {
"format": "none",
"pieDistance": 32
},
"inner": {
"format": "value"
},
"mainLabel": {
"font": "verdana"
},
"percentage": {
"color": "#e1e1e1",
"font": "verdana",
"decimalPlaces": 0
},
"value": {
"color": "#e1e1e1",
"font": "verdana"
},
"lines": {
"enabled": true,
"color": "#cccccc"
},
"truncation": {
"enabled": true
}
},
"tooltips": {
"enabled": true,
"type": "placeholder",
"string": "{label}: {value}, {percentage}%",
"styles": {
"fontSize": 20
}
},
"effects": {
"pullOutSegmentOnClick": {
"effect": "linear",
"speed": 400,
"size": 8
}
}
});
</script>
var-il=document.getElementById(“il”).value;
var ir=document.getElementById('ir')。值;
var iw=document.getElementById('iw').value;
var pie=新的d3pie(“pieChart”{
警惕(“你好”);
“标题”:{
“标题”:{
“字体大小”:22,
“字体”:“verdana”
},
“副标题”:{
“颜色”:“#999999”,
“字体大小”:10,
“字体”:“verdana”
},
“标题子标题添加”:12
},
“页脚”:{
“颜色”:“#999999”,
“字体大小”:11,
“字体”:“打开SAN”,
“位置”:“底部中心”
},
“尺寸”:{
“画布高度”:206,
“画布宽度”:450,
“pieInnerRadius”:“60%”,
“皮奥特拉迪乌斯”:“70%”
},
“数据”:{
“内容”:[
{
“标签”:“事件日志”,
“value”:this.il,
“颜色”:“38A4DD”
},
{
“标签”:“事件已解决”,
“值”:this.ir,
“颜色”:“FFC400”
},
{
“标签”:“意外伤害”,
“值”:this.iw,
“颜色”:“B39DDB”
}
]
},
“标签”:{
“外部”:{
“格式”:“无”,
“距离”:32
},
“内部”:{
“格式”:“值”
},
“主标签”:{
“字体”:“verdana”
},
“百分比”:{
“颜色”:“#e1e1”,
“字体”:“verdana”,
“小数位数”:0
},
“价值”:{
“颜色”:“#e1e1”,
“字体”:“verdana”
},
“行”:{
“启用”:正确,
“颜色”:“#中交”
},
“截断”:{
“已启用”:真
}
},
“工具提示”:{
“启用”:正确,
“类型”:“占位符”,
“字符串”:“{label}:{value},{percentage}%”,
“风格”:{
“字体大小”:20
}
},
“影响”:{
“pullOutSegmentOnClick”:{
“效果”:“线性”,
“速度”:400,
“尺寸”:8
}
}
});
但是,我需要在图表中动态更新数据。所以我试着像这样在html中获取隐藏的输入字段
<input id="il" type="hidden" value="<?php echo $data['incidentslogs']; ?>" /> <input id="ir" type="hidden" value="<?php echo $data['incidentsresolved']; ?>" /> <input id="iw" type="hidden" value="<?php echo $data['incidentswip']; ?>" />
你认为这说明了怎么做吗