echarts 表格一些属性 y轴刻度命垂直 name属性

记录一下echarts表格属性 重点是y轴属性名的调整

var option = {        title: {
          text: "日生产曲线"
        },
        color: colors,
        tooltip: { //辅助线
          trigger: 'axis',
          axisPointer: {
            type: 'cross'
          }
        },
        grid: { //图的上下左右边距
          x: 50,
          y: 100,
          x2: "25%",
          y2: 100,
          borderWidth: 10
        },
        xAxis: {
          type: 'category',
          data: this.dayLine
        },
        yAxis: 
          {
            //日产油
            type: 'value',
            name: `日\n产\n油\n(t)`,//es6字符串写法 加上下面的name设置可以让y轴刻度命垂直
            nameRotate: 360,
            nameGap: 30,
            nameLocation: 'middle',
            boundaryGap: false,
            axisLine: { //刻度样式
              lineStyle: {
                color: colors[0],
              }
            }
          },
        series: {
          data: this.dayOil,
          name: '日产油',
          type: 'line',
          smooth: true, // 小圆点的显示
          yAxisIndex: 0, //对应的y轴索引
          lineStyle: {
            normal: {
              color: colors[0],
              width: 4
            }
          },
          markPoint: {
            label: {
              normal: {
                show: false,
                position: 'right',
                fontSize: 14
              }
            },
          }
        }
      }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值