jQPlot 图表 - 饼图在传递高值时消失

Question

当我运行代码图表消失

$(document).ready(function(){

    var d1=${views};
    var d2=${comoneviews};
    var d3=${comtwoviews};
    var plot1 = $.jqplot('piechart', [[['Your Organisation',d1],['Competitor#1',d2],['Competitor#2',d3]]], {
        gridPadding: {top:0, bottom:38, left:0, right:0},
        seriesDefaults:{
            renderer:$.jqplot.PieRenderer, 
            trendline:{ show:false }, 
            rendererOptions: { padding: 7, showDataLabels: true ,  dataLabels: 'value'}
        },
        legend:{
            show:true, 
            placement: 'outside', 
            rendererOptions: {
                numberRows: 1
            }, 
            location:'s',
            marginTop: '15px'
        }       
    }); 
});

我得到的 d1 的输入值是 20700000，d2 是 2300000，d3 是 3040000。所以图表没有出现是因为值较高吗？

Answer 1

根据您的评论，您只需参考 d1、d2 和 d3 数组值正确。正如您所提到的，您将它们作为数组获取 - 因此问题一定出在您对实际值的访问上。

以 d1[0] d2[0] d3[0] 的形式访问它们（假设你有一个像你写的一样大小的数组）

var d1=[20700000];
var d2=[2300000];
var d3=[3040000];
var plot1 = $.jqplot('piechart', [[['Your Organisation',d1[0]],
['Competitor#1',d2[0]],['Competitor#2',d3[0]]]], {
     ...rest of plot code...

这里是一个working example d1-d3 修改为数组。

jQPlot 图表 - 饼图在传递高值时消失

jQPlot charts- Pie chart disappears on passing high values

javascript

jquery

jqplot