Question

我已经使用下面给出的一些数据绘制了SparkLine条形图。

我实现了它，但现在我想为所有＆＃39; 10＆＃39;所有＆＃39; 20＆＃39;的元素和绿色元件。

＆＃13;

$(function() {
  var myvalues = [10, 20, 10, 20, 10, 20, 10, 20, 10, 20];
  $('#dynamcbar').sparkline(myvalues, {
    type: 'bar',
    barColor: 'green'
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-sparklines/2.1.2/jquery.sparkline.js"></script>

<body>
  <p> Bar chart with dynamic data:
    <span id="dynamcbar">Loading..</span>
  </p>
</body>

＆＃13;

对于＆＃39; 10＆＃39;条形值未来，它是一条线，但我想要一个红色条。并为20个绿色条。

Answer 1

您只需要像这样设置范围地图

  var range_map = $.range_map({
    '10:': 'red',
    '20': 'green'
  })

查看此演示http://codepen.io/8odoros/pen/pRmvZb

如何在迷你图中的不同颜色到条形图

1 个答案: