使用Dygraph在图形中更改垂直条颜色

时间:2014-04-21 10:25:33

标签: dygraphs

我正在使用Dygraph范围选择选项设计图形。图形使用垂直条而不是线系列表示。我的情况是单个x值有两个以上的y值。当它们重叠时,是否可以为不同的条形给出不同的颜色,从而识别每个条形变得容易和可用。任何帮助将不胜感激。

谢谢, 苏尼

1 个答案:

答案 0 :(得分:0)

您可以在图表选项中传递一系列颜色:

g = new Dygraph(document.getElementById("g_div"),
                 "X,Bar1,Bar2,Bar3\n" +
                 "1,10,11,12\n" +
                 "2,7,17,5\n" +
                 "3,6,23,12\n" +
                 "4,4,27,10\n" +
                 "5,3,30,23\n" +
                 "6,2,32,5\n" +
                 "7,1,33,17\n",
                   {
                     // options go here. See http://dygraphs.com/options.html
                     legend: 'always',
                     animatedZooms: true,
                     plotter: multiColumnBarPlotter,
                     colors: ["#00A0B0", "#6A4A3C", "#CC333F", ],
                     dateWindow: [0, 8]
                 });
  

<强> DEMO