使用visualMap 来为不同category的单个柱子指定样式,应该怎么做,应该怎么配置
配置项如下
var option = {
dataset: {
source: [
['score', 'amount', 'product'],
[89.3, 58212, 'Matcha'],
[57.1, 78254, 'Milk'],
[74.4, 41032, 'Cocoa'],
[50.1, 12755, 'Brownie'],
[89.7, 20145, 'HCocoa']
]
},
xAxis: {},
yAxis: {
type: 'category'
},
visualMap: [{
type: 'piecewise',
dimension: 2,
categories: ['Matcha', 'Milk', 'Cocoa', 'Brownie', 'HCocoa'],
color: ['red', '#bf444c', '#d88273', '#f6efa6', 'blue']
}],
series: [{
type: 'bar',
encode: {
x: 'score',
y: 'product'
}
}]
};