...
| 注意 |
|---|
提示：本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。 |
需求
在电子表格中一个柱图图形中实现其中的柱图根据数值改色，当柱图数值超过一定数值的时候柱子颜色就改变成其他颜色。
原本的效果图：
设置后的效果图，数据小于4000则显示红色，数据介于4000-6000，则显示黄色
...
3）宏代码如下，在宏代码中所示设置柱子指标值小于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": "#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": "#FFFF66"
}
}
//设置柱子的指标值大于4000小于6000的柱图的颜色为黄色
}
}
}
}
} |
客户端效果图：
...
