如何不同顏色的酒吧在火花圖表

-1

我實現它，但現在我想提請紅色的所有「10」元素和綠色對所有「20」元素。

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

<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>

爲「10」值了吧不來了，這是給一個線，但我希望有一個紅色的彩條。 20個綠色的酒吧。

來源

2017-02-17 user7399549

請檢查http://omnipotent.net/jquery.sparkline/#s-docs –

你只需要設置一個範圍地圖這樣的方式

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

檢查這個演示http://codepen.io/8odoros/pen/pRmvZb

來源

2017-02-17 11:20:21

但我想紅線不是線 – user7399549

有一些高度 – user7399549

在我的代碼10意味着缺席和20手段存在。 – user7399549

如何不同顏色的酒吧在火花圖表

回答

相關問題