| 注意 |
|---|
提示：本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。 |
需求
希望实现图形样式时表示可以支持通过变量控制柱状图颜色。
...
| 代码块 |
|---|
//对象：chartView, 事件：beforeRender
function main(chartView) {
var options = chartView.getChartObject().getOptions(); //echarts options对象 请参考http://echarts.baidu.com/option.html#series-bar.data.itemStyle.normal.color
var allFieldsData = options.allFieldsData; //所有数据,请参考https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=22938999
var allData = allFieldsData.data;
var flagColumnIndex = 3; //譬如浮动比例所在列序号
if (options.series && options.series.length > 0) {
var columnSerieDatas = options.series[0].data; //柱子所在序列
for (var di in columnSerieDatas) {
var dataItem = columnSerieDatas[di];
var flagValue = allData[di][flagColumnIndex].value;
dataItem.itemStyle = dataItem.itemStyle || {};
dataItem.itemStyle.normal = dataItem.itemStyle.normal || {};
dataItem.itemStyle.normal.color = (flagValue > 0.04) ? "#00ff00" : "#ff0000";
}
}
} |
4）效果图：
此文档更新于2017-06-30。更新者：张雪琼。
