echarts example
HTML
<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.2/dist/echarts.min.js"></script>
<div id="main" style="width: 600px;height:400px;"></div>
JavaScript
var myChart = echarts.init(document.getElementById('main'));
let colors = {
'A': '#FF0000',
'B': '#00FF00',
'C': '#0000FF'
};
myChart.setOption({
dataset: [{
source: [
['name', 'value'],
['A', 97.7],
['B', 43],
['C', 92.5]
]
}],
xAxis: {
type: 'category',
},
yAxis: {},
series: {
type: 'bar',
itemStyle: {
color: function(seriesIndex) {
console.log(seriesIndex);
return(colors[seriesIndex.name]);
}
}
}
});