Question

我尝试在每个条形码上创建一个带有百分比数字的条形图。以下是我的代码，我希望百分比显示在条形码中，也是工具提示中每个项目的计数（反之亦然）。我已经尝试过 stackedpercent ，但它没有用。

例如，这些是我的数据百分比值：

        var dc20 = [[37, 0], [0, 1], [16, 2], [34, 3]];      
        var dc21 = [[58, 0], [0, 1], [80, 2], [62, 3]];     
        var dc22 = [[0, 0], [0, 1], [0, 2], [0, 3]];    
        var dc23 = [[5, 0], [100, 1], [4, 2], [4, 3]];     
        var dc24 = [[0, 0], [0, 1], [0, 2], [0, 3]];

并且这些值用于记录计数

        var dc20 = [[16, 0], [0, 1], [5, 2], [11, 3]];        
        var dc21 = [[25, 0], [0, 1], [25, 2], [20, 3]];       
        var dc22 = [[0, 0], [0, 1], [0, 2], [0, 3]];        
        var dc23 = [[2, 0], [1, 1], [1, 2], [1, 3]];       
        var dc24 = [[0, 0], [0, 1], [0, 2], [0, 3]];

更新这是Fiddle链接。

Answer 1

最简单的解决方案是将计数添加为单独的数组：

var counts = [
    [16, 0, 5, 11],
    [25, 0, 25, 20],
    [0, 0, 0, 0],
    [2, 1, 1, 1],
    [0, 0, 0, 0]
];

并在tooltipOpts：

中使用它

    content: function (label, xval, yval, flotItem) {
        return '%' + xval + 'which has ' + counts[flotItem.seriesIndex][flotItem.dataIndex] + ' records ';
    },

请参阅updated fiddle。

在堆栈图表中显示百分比和数字

1 个答案: