多系列条形图酒窝js

Question

我正在尝试使用 dimple.js 绘制多系列条形图；我的要求很简单，所有系列都应该有单独的条（不是堆叠的）；两个系列的比例不一样，一个是货币价值，另一个是计数。

var v = {
    [supplier: 'x', invoices: 10, invValue: 1000],
    [supplier: 'y', invoices: 5, invValue: 500],
    [supplier: 'z', invoices: 20, invValue: 2000],
}

我已经用谷歌搜索并遍历了 Whosebug，其中专家建议像这样进行数据破解

var v = {
    [supplier: 'x', kind: 'invoices', value: 10],
    [supplier: 'x', kind: 'invValue', value: 1000],
    [supplier: 'y', kind: 'invoices', value: 5],
    [supplier: 'y', kind: 'invValue', value: 500],
    [supplier: 'z', kind: 'invoices', value: 20],
    [supplier: 'z', kind: 'invValue', value: 2000],
}

随着规模的变化，我不采用这种方法。可能的替代解决方案是什么。

Answer 1

最后我了解到无法使用 dimple.js 来实现图表，但作为替代方案，使用多个折线图很容易，也可以将第一个系列绘制为 dimple.bar, 其他系列dimple.line 图表

多系列条形图酒窝js

Multiseries Bar Chart dimple js

dimple.js