为Chartist图表值指定值

时间:2016-08-29 19:21:30

标签: javascript vue.js chartist.js

有人可以帮我解决这个问题.. 我正在尝试动态设置 Chartist饼图数据。我有一个项目列表,我正在列表中显示。每个项目都有一个图表,其中包含有关项目的一些信息,如资金等。当我尝试设置我的chartData的“值”时,它拒绝将我的值检测为数字。以下是一个例子:

//Chartist data object
fundingData: {
               series: [{
                          value: 0,
                          name: 'public funding',
                          className: 'some-class'                          
                        }, {
                           value: 0,     
                           name: 'private funding',

                        }]
              }

//param: project is an object I'm passing
        setChartData(project) {

               let x = Math.round(project.pro_amount); //
               console.log(x); // This prints the amount

               this.fundingData.series[0].value = x; // doesn't get assigned 

               this.fundingData.series[0].value = 12; // gets assigned 
             } 

我做错了什么?希望我的问题很清楚

1 个答案:

答案 0 :(得分:0)

可能一切都很好,但Chartist并不反应。分配后,您必须调用update函数: https://gionkunz.github.io/chartist-js/api-documentation.html#chartistbase-function-update