页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题现象

echarts图形如何设置多系列柱图颜色?

解决方案

可以参考以下扩展属性来设置

{

     "series": [{

         "data": [{

             "itemStyle": {

                 "color": "#05A2D7"

             }

         }, {

             "itemStyle": {

                 "color": "#00E4E3"

             }

         }, {

             "itemStyle": {

                 "color": "#84E8B5"

             }

         }, {

             "itemStyle": {

                 "color": "#FFDA58"

             }

         }, {

             "itemStyle": {

                 "color": "#FF9671"

             }

         }, {

             "itemStyle": {

                 "color": "#FF6783"

             }

         }, {

             "itemStyle": {

                 "color": "#F6589F"

             }

         }, {

             "itemStyle": {

                 "color": "#F688C8"

             }

         }, {

             "itemStyle": {

                 "color": "#F1BAEE"

             }

         }, {

             "itemStyle": {

                 "color": "#9F93F1"

             }

         }, {

             "itemStyle": {

                 "color": "#8375E5"

             }

         }]

 

     }, {

         "data": [{

             "itemStyle": {

                 "color": "#05A2D7"

             }

         }, {

             "itemStyle": {

                 "color": "#00E4E3"

             }

         }, {

             "itemStyle": {

                 "color": "#84E8B5"

             }

         }, {

             "itemStyle": {

                 "color": "#FFDA58"

             }

         }, {

             "itemStyle": {

                 "color": "#FF9671"

             }

         }, {

             "itemStyle": {

                 "color": "#FF6783"

             }

         }, {

             "itemStyle": {

                 "color": "#F6589F"

             }

         }, {

             "itemStyle": {

                 "color": "#F688C8"

             }

         }, {

             "itemStyle": {

                 "color": "#F1BAEE"

             }

         }, {

             "itemStyle": {

                 "color": "#9F93F1"

             }

         }, {

             "itemStyle": {

                 "color": "#8375E5"

             }

         }]

 

     }]

 }


效果如下:

Viewtracker License Missing

There is a problem with the license of the Viewtracker addon. Please check if you have a valid license.

授权码细节

  • 无标签