Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更新饼图中的数据?_Javascript_D3.js_D3pie.js - Fatal编程技术网

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']; ?>"  />
你认为这说明了怎么做吗