Question

我正在尝试在dimple.js中创建堆积条形图，堆叠条从负位置开始。

图表中是否有任何属性可以执行此操作，还是可以将任何调整放入dimple.js文件中？

Answer 1

这是一个稍微不寻常的要求，并且凹坑不支持它作为一个简单的属性，但是你可以通过使用假轴来创建从零开始的条形图。这是一个附带小提琴的例子来说明我的意思：

var svg = dimple.newSvg("#chartContainer", 600, 400);
var data = [
    { bar: "A", value: "100" },
    { bar: "B", value: "110" },
    { bar: "C", value: "120" },
    { bar: "D", value: "130" }
    ];
var chart = new dimple.chart(svg, data);
var x = chart.addCategoryAxis("x", "bar");
var y1 = chart.addMeasureAxis("y", "My Fake Axis Title");
var y2 = chart.addMeasureAxis("y", "value");
y1.overrideMin = -100;
y1.overrideMax = 200;
y2.overrideMin = -10;
y2.hidden = true;
chart.addSeries(null, dimple.plot.bar, [x, y2]);
chart.draw();

http://jsfiddle.net/LVKfa/1/

如何从负值开始堆叠条形图？

1 个答案: