php - 百度echarts2.x这个距离怎么设置，找不到

问题描述

问 题

怎么设置legend与图表之间距离远一点
就是标题跟图表距离远一点，看了好几遍手册，找不到！！！

代码

                var option = {
    tooltip : {
        trigger: 'axis'
    },
    grid : {
        top : 300
    },
    legend: {
        data:['baidu','google','sm','sogou','so','yesterday_str','count'],
        textStyle: {
           fontSize: 30 // 用 legend.textStyle.fontSize 更改示例大小
        },
        itemWidth: 30,
        itemHeight: 30
    },
    toolbox: {
        show : false,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    xAxis : [
        {
            axisLabel: {
            rotate: 0,
            interval: 0,
            textStyle:{
            fontSize:20
            }
            },
            type : 'category',
            boundaryGap : false,

            data : ['2017-04-18','2017-04-19','2017-04-20','2017-04-21','2017-04-22','2017-04-23','2017-04-24','2017-04-25','2017-04-26','2017-04-27',]        }
    ],
      yAxis : [
        {
            type : 'value',
            axisLabel : {
                formatter: '{value}',
                textStyle: {
                fontSize: 20
                }
            }
        }
    ],
    series : [
         {name:'yesterday_str',type:'line',line: '总量',data:[ 2017-04-18,2017-04-19,2017-04-20,2017-04-21,2017-04-22,2017-04-23,2017-04-24,2017-04-25,2017-04-26,2017-04-27,]}, {name:'baidu',type:'line',line: '总量',data:[ 2225,2400,2343,2292,2540,1734,2242,2436,110,134,]}, {name:'google',type:'line',line: '总量',data:[ 1155,1150,1172,1160,1163,1154,1152,1135,10,112,]}, {name:'sm',type:'line',line: '总量',data:[ 1201,1209,1236,1216,1240,1244,1240,1290,1750,1980,]}, {name:'sogou',type:'line',line: '总量',data:[ 1150,1180,1221,1238,1231,1253,1226,173,10,13,]}, {name:'so',type:'line',line: '总量',data:[ 513,534,565,593,575,732,792,750,729,685,]}, {name:'count',type:'line',line: '总量',data:[ 1634,1843,1877,1809,2079,2287,1762,1634,1750,1349,]},    ]
};
                window.onresize = function(){
                myChart.resize();
            };
                // 为echarts对象加载数据
                myChart.setOption(option);

解决方案

1. 参照官方文档最好, 不要找别的教程, 会过时: http://echarts.baidu.com/opti...

2. echarts 的option中修改就成了

3. 3.x版本为top 或者y; 2.x版本为y

4. 你可以在这个例子里面配置一下试试, 地址:http://echarts.baidu.com/demo...

这篇关于php - 百度echarts2.x这个距离怎么设置，找不到的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！