海军报yaxsis和颜色

Question

我想实现一个海军报条形图，但我有几个问题

首先是，设置yaxsis最小值和最大值似乎不工作，图表仍然只从去0 - 14.

第二我不知道如何设置每个酒吧的个人颜色和名称。

这是我

var d2 = [{ 
    "label": "Face", 
    "data": [[0 , "3"], [5, "13"]] 
}, 
{ 
    "label": "Telephone", 
    "data": [[1, "400"], [6, "337"]] 
}, 
{ 
    "label": "Web", 
    "data": [[2, "1304"], [7, "843"]] 

}]; 





var options = { 

    yaxes: {min: 0, max: 25000}, 

    xaxis: { 
     tickSize: [1], 
     autoscaleMargin: .10, 
     show: false 
    }, 


    series: { 
     lines: { show: false}, 
     bars: { 
      show: true, 
      barWidth: 0.9, 
      align: 'center', 
      multiplebars:true,    
      }, 

     points: { 
      show: true 
     } 
    } 


}; 



$.plot($('#graph1'), d2, options); 

有谁知道如何解决这些？

感谢

Answer 1

如果你想有一个不同的名称和颜色各条，那么你就需要配置栏设置为数据集的一部分。

var data1 = [ 
     { 
      label: "Face", 
      data: [[0 , 3], [5, 13]], 
      bars: { 
       show: true, 
       barWidth: 0.9, 
       fill: true, 
       lineWidth: 1, 
       order: 1, 
       fillColor: "#AA4643" 
      }, 
      color: "#AA4643" 
     }, 
     { 
      label: "Telephone", 
      data: [[1, "400"], [6, "337"]], 
      bars: { 
       show: true, 
       barWidth: 0.9, 
       fill: true, 
       lineWidth: 1, 
       order: 2, 
       fillColor: "#89A54E" 
      }, 
      color: "#89A54E" 
     }] 

然后绘制他们是这样的：

$.plot($("#placeholder"), data1, options); 

至于min和max不工作，会发生什么，如果你不配置呢？轴是否正确地符合数据？