动态修改echarts-gl 3D柱状图柱子颜色的方法
修改方法 拿官网上的一个为例,只需要对它的data稍加改造即可,代码如下:
var hours = [12a, 1a, 2a, 3a, 4a, 5a, 6a, 7a, 8a, 9a,10a,11a, 12p, 1p, 2p, 3p, 4p, 5p, 6p, 7p, 8p, 9p, 10p, 11p]; var days = [Saturday, Friday, Thursday, Wednesday, Tuesday, Monday, Sunday]; var data = [{ // 数据项名称 name: 数据1, value : [3, 4, 5], //自定义特殊itemStyle,仅对该item有效 itemStyle:{ color:#4575b4 } },{ // 数据项名称 name: 数据2, value : [4, 5, 6], //自定义特殊itemStyle,仅对该item有效 itemStyle:{ color:#313695 } }] option = { tooltip: { }, // visualMap: { // max: 20, // inRange: { // color: [#313695, #4575b4, #74add1, #abd9e9, #e0f3f8, #ffffbf, #fee090, #fdae61, #f46d43, #d73027, #a50026] // } // }, xAxis3D: { type: category, data: hours }, yAxis3D: { type: category, data: days }, zAxis3D: { type: value }, grid3D: { boxWidth: 200, boxDepth: 80, viewControl: { // projection: orthographic }, light: { main: { intensity: 1.2, shadow: true }, ambient: { intensity: 0.3 } } }, series: [{ type: bar3D, data: data, shading: lambert, label: { textStyle: { fontSize: 16, borderWidth: 1 } }, emphasis: { label: { textStyle: { fontSize: 20, color: #900 } }, itemStyle: { color: #900 } } }] }