美赛绘图问题
基于Echarts的条形堆叠图绘制
要复刻的图片 
一、准备
推荐网站:Echarts 网站内很多可视化模板包括但不限于雷达图、条形图、桑基图、平行坐标系。配套具体代码实现,即使改,即时生成。
二、调试
条形堆叠图及其代码部分  修改数据内容: 1.yAxis后的data,这里代表的是对象名。 2.series后的data,这里代表的是对象具体数据。 修改坐标轴: 例如grid后的 left、right、bottom,具体内容见配置项说明文档。
三、取色
取色网站推荐取色网,这里用不到以后也肯定用得到。 笔者用到的数据
country = ['1.China','2.Singapore','3. HONG KONG','4. New Zealand','5.Tajikistan','6.Germany','7.Canada','8.Danish','9.South Korea','10.Finland','11.Italy','12.Switzerland',]
data1 = [1,5,7,2,22,14,17,25,19,23,21,26]
data2 = [1,2,4,10,3,10,12,20,17,27,30,25
data3 = [15,2,4,16,11,14,20,13,21,25,32,27]
data4 = [2,2,8,3,14,9,16,15,10,25,20,26,30]
按顺序复制即可。结果展示:
四、配色
自己配吧。
|