...
| 注意 |
|---|
提示：本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。 |
需求
在仪表分析一个柱图图形中实现其中的柱图根据数值改色，当柱图数值超过一定数值的时候柱子颜色就改变成其他颜色。
原本的效果图：
思路
1）新建客户端宏
2）宏代码如下，在宏代码中所示设置小于0 的柱图的颜色在宏代码中所示设置柱子指标值小于4000为红色，指标值大于4000小于6000为黄色：
| 代码块 | ||
|---|---|---|
| ||
function main(chartView) {
var chart = chartView.getChartObject();
var options = chart.getOptions();
var series = options.series;
var datas = [];
for (var i in series) {
if (series[i].type == "bar") {
debugger;
datas = series[i].data;
}
}
for (var i in datas) {
if (parseInt(datas[i].value[1]) < 4000) {
datas[i].itemStyle = datas[i].itemStyle || {};
datas[i].itemStyle = {
"normal": {
"color": "#FFFFCC#FF0033"
}
}
//设置柱子的指标值小于4000为红色
} else if (parseInt(datas[i].value[1]) > 4000 && parseInt(datas[i].value[1]) < 6000) {
datas[i].itemStyle = datas[i].itemStyle || {};
datas[i].itemStyle = {
"normal": {
"color": "#CCFFFF#FFFF66"
}
}
//设置柱子的指标值大于4000小于6000的柱图的颜色为黄色
}
}
} |
效果图：
...
