Я работал над гистограммой спарклайнов. До сих пор я могу нарисовать простую гистограмму, вот код Jquery:
values = [0,8, 15, 10, 50, 25, 35, 70];
$('.sparkline').sparkline(values, {
type: 'bar',
height: '200px',
barWidth: 20,
barSpacing: 10,
barColor: '#56aaff',
zeroColor: '#000000',
enableTagOptions: true,
tagValuesAttribute: 'data-values',
colorMap: ["red", "green", "blue", "yellow", "orange", "#f2f2f2", "maroon", "pink"]
});
HTML
<p>
<span class="sparkline">Loading...</span>
</p>
Пожалуйста, обратитесь к моему коду по адресу JSFIDDLE .
Теперь я хочу добавить имя легенды, а также значение оси Y на каждой полосе, как показано ниже.
sun, mon, tue — это легенды, а значение белого цвета в верхней части столбцов — это значение по оси Y.
Но я не могу этого добиться.
Любая помощь будет оценена по достоинству.