ECharts堆叠区域图重叠显示

最新推荐文章于 2024-09-20 11:18:18 发布

轻风吹斜阳

最新推荐文章于 2024-09-20 11:18:18 发布

阅读量1.6w

点赞数

分类专栏： PC端

本文链接：https://blog.csdn.net/www93111/article/details/54291824

版权

本文介绍如何使用ECharts创建堆叠区域图，包括设置图表标题、坐标轴标签、图例以及数据，展示了如何调整颜色和样式，以清晰地呈现连网用户、上网人数和有效认证的数据变化。

摘要由CSDN通过智能技术生成

regionalMap();
function regionalMap(){
   var myChartFour = echarts.init(document.getElementById('regionalMap'));
        optionFour = {
                    title: {
                       textStyle:{color:'#92b1d8',fontSize:'14'},
                       y:'bottom',
                       right:'34',
                        text: '单位：万人'
                    },
                    grid: {
                        left: '4%',
                        right: '2%',
                        top: '8%',
                    },
                    legend: {
                       textStyle:{color:'#92b1d8',},
                       y:'bottom',
                       right:'134',
                        data:[{name:'连网用户',icon : 'bar',textStyle:{fontWeight:'bold', color:'#24573b'}},
                              {name:'上网人数',icon : 'bar',textStyle:{fontWeight:'bold', color:'#722f2f'}},
                              {name:'有效认证',icon : 'bar',textStyle:{fontWeight:'bold', color:'#32446b'}},
                            ]