Echart学习

toolbox

        toolbox: {
          show:true,
          orient: 'horizontal', //horizontal or vertical
          itemSize: 15,
          itemGap: 10,
          showTitle: true,
          backgroundColor: 'pink',
          borderColor: 'red',
          borderWidth: 2,
          height: 60,
          width: 200,
          right: 'right',   left right属性属性值有 'left','right','center','20%'
          top: 'middle',  // top bottom属性属性值有 'top','bottom','middle','20%'

          zlevel: 1, //用于canvas分层， 越大越上
          z:1,  //优先级低于zlevel 
          feature: {
            mark: {  //辅助线，待研究
              show: true 
            },
            dataView: {  //查看数据弹出框 
              show: true,
              title: '数据1视图', //鼠标hover显示的内容
              readOnly: false, //是否只读，若可写，改变数据刷新后改变图表
              lang: ['数据1视图', '关闭' ,'刷新'], //数据视图图层显示的三个内容，第一个是标题，第二个第三个是按钮
              backgroundColor: 'pink',
              textareaColor: 'green',
              textareaBorderColor: 'blue',
              textColor: 'red',
              buttonColor: 'white',
              buttonTextColor: 'yellow'
            },
            magicType: { //切换图表type
              show: true,
              title: '切换',
              type: ['line', 'bar']
            },
            restore : { //还原配置项（比如改变了图表数据值或者改变了type，restore可以进行还原）
              show: true,
              title: '还原',
            },
            saveAsImage : { //下载为图片
              show: true,
              type: 'png', //图片格式
              name: 'text', //下载时图片的名称
              backgroundColor: 'pink', 
              title: '保存为图片',
              pixelRadio: 3 //调分辨率，默认与容器一致为1
            },
            dataZoom : { //数据区域缩放
            }
          }
        },

总结

1. echart里颜色的属性 例如backgroundColor,textareaColor属性值都是需要用’ '包裹的
2. 大小数字属性，例如宽高 直接用数字，不需要’px’