首页 新闻 赞助 找找看

echarts 图例显示不全

0
悬赏园豆:5 [已解决问题] 解决于 2017-10-10 10:31

最近在做折柱混合,写完后折线图的图例只显示一个,点击柱状图后会出现多余的刻度线,求大神帮我看看

 var option1 = {
                title:{
                    text: 'ss',
                     x:'center'
                   // left:center
                    },
                tooltip : {
                     trigger: 'axis'   
                    }, 
                toolbox:{
                         show:true,
                         
                         feature:{
                             mark:{show:true},
                             dataView:{show:true,readOnly:false},
                             magicType:{
                               show:true,type:['line','bar']},
                               restore:{show:true} ,
                               saveAsImage:{show:true}
                             },
                             iconStyle:{
                                    left:'right'
                                }
                         
                      },
                    calculable:true,//是否启用拖拽重计算特性,默认关闭
                    
                    legend:{
                        bottom:true,
                        data:['认证金额','上期认证金额','上年同期认证金额','环比变动率','上年同期变动率']
                    },
                  xAxis: [
                        {
                        type : 'category',
                        data : ['天津分公司', '湛江分公司', '深圳分公司', '公司本部', '北京研究中心', '经济开发区分公司', '上海分公司','研究总院本部','南海作业公司'],
                        axisPointer: {
                          type: 'shadow'
                      } ,
                      axisLabel: {

                          interval:0//横轴信息全部显示
                      }
                      


                        }
                    ],
                    yAxis : [
                        {
                            type : 'value',
                            position:'left',
                            boundaryGap: [0, 0.01]
                        },
                        {
                            type:'value',
                            position:'right',
                            axisLabel: {
                                 formatter: '{value} %'
                             }
                        }
                    ],
                    series : [
                        {
                            name:'认证金额',
                            type:'bar',
                            barWidth: '25%',
                            barGap:'15%',
                            data:[1674488, 1237785, 1542414, 16969620, 1377299, 3796298, 41041741,32942645,6352352]
                        },
                        {
                            name:'上期认证金额',
                            type:'bar',
                            barWidth: '25%',
                           barGap:'15%',
                            data:[1751952,241515,1551515,7998620,1477299,4095698,4041741,33942045,5352452]
                        },
                        {
                            name:'上年同期认证金额',
                            type:'bar',
                            barWidth: '25%',
                           barGap:'15%',
                            data:[1951952,1231515,1531515,6769620,1397299,3695698,4041741,33942045,6152452]
                        },
                        {
                            name:'环比变动率',
                            type:'line',
                            yAxisIndex: 1,
                            data:[4.42,1.54,1.65,12.86,20.95,7.31,2.50,2.94,18.68]
                        },
                        {
                            name:'上年同期变动率 ',
                            type:'line',
                            yAxisIndex: 1,
                            data:[14.21,2.71,2.05,2.95,5.30,2.72,2.50,2.94,3.25]
                        }
                    ]
                };
辣辣辣条的主页 辣辣辣条 | 菜鸟二级 | 园豆:201
提问于:2017-10-09 11:59
< >
分享
最佳答案
0
 series : [
                        {
                            name:'认证金额',
                            type:'bar',
                          ///  barWidth: '25%',
                         //   barGap:'15%',
                            data:[1674488, 1237785, 1542414, 16969620, 1377299, 3796298, 41041741,32942645,6352352]
                        },
                        {
                            name:'上期认证金额',
                            type:'bar',
                           // barWidth: '25%',
                          // barGap:'15%',
                            data:[1751952,241515,1551515,7998620,1477299,4095698,4041741,33942045,5352452]
                        },
                        {
                            name:'上年同期认证金额',
                            type:'bar',
                          //  barWidth: '25%',
                          // barGap:'15%',
                            data:[1951952,1231515,1531515,6769620,1397299,3695698,4041741,33942045,6152452]
                        },
                        {
                            name:'环比变动率',
                            type:'bar',
                            yAxisIndex: 1,
                            data:[4.42,1.54,1.65,12.86,20.95,7.31,2.50,2.94,18.68]
                        },
                        {
                            name:'上年同期变动率 ',
                            type:'bar',
                            yAxisIndex: 1,
                            data:[14.21,2.71,2.05,2.95,5.30,2.72,2.50,2.94,3.25]
                        }
                    ]

想要这样的?

收获园豆:5
AliceH | 菜鸟二级 |园豆:282 | 2017-10-09 14:28

那个,我需要做是一个折柱混合的统计图,现在遇到的问题是折线图的有个图例没显示,第2个问题是点击柱状图后,他不是变灰然后数据不显示嘛,然后他重新调整大小后,左边y轴的刻度线,和右边的刻度线不在保持一直了,也就是成了2条

辣辣辣条 | 园豆:201 (菜鸟二级) | 2017-10-09 14:42

@辣辣辣条: 直接上图看看

AliceH | 园豆:282 (菜鸟二级) | 2017-10-09 14:45

@AliceH: @AliceH: 我现在没有截图权限,就是那个legend 图例没显示全,最后一个折线图的图例,图中有数据,就是没图例

辣辣辣条 | 园豆:201 (菜鸟二级) | 2017-10-09 14:54

@辣辣辣条: 最后一个示例name:多了一个空格

AliceH | 园豆:282 (菜鸟二级) | 2017-10-09 14:56

@AliceH: 谢谢,解决了。重新写了一遍就好了

辣辣辣条 | 园豆:201 (菜鸟二级) | 2017-10-10 10:30
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册