页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(本文档仅供参考)

问题

         

        希望在自助仪表盘中实现柱图颜色设置,请问如何在自主仪表盘中实现柱图颜色类似于电子表格做柱图的颜色设置:https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35750506

解决方案

         自助仪表盘的柱图是在series[{}]属性中的data[{}]进行设置的,如果有多少条数据就设置 "itemStyle": {"normal": {"color": "#FFAF00"}} 多少次,具有可参考如下设置:

...

代码块
linenumberstrue
{
	"series": [
		{
			"data": [
				{
					"itemStyle": {
						"normal": {
							"color": "#FFAF00"
						}
					}
				},
				{
					"itemStyle": {
						"normal": {
							"color": "#004151"
						}
					}
				},
				{
					"itemStyle": {
						"normal": {
							"color": "#00B7BF"
						}
					}
				},
				{
					"itemStyle": {
						"normal": {
							"color": "#F9334C"
						}
					}
				},
				{
					"itemStyle": {
						"normal": {
							"color": "#FFAF00"
						}
					}
				},
				{
					"itemStyle": {
						"normal": {
							"color": "#004151"
						}
					}
				},
				{
					"itemStyle": {
						"normal": {
							"color": "#00B7BF"
						}
					}
				},
				{
					"itemStyle": {
						"normal": {
							"color": "#F9334C"
						}
					}
				}
			]
		}
	]
}

        最终效果:

Image Added

  

Viewtracker