在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 關(guān)于echarts儀表盤的問題。

關(guān)于echarts儀表盤的問題。

設(shè)置儀表盤開始角度和結(jié)束角度的問題,從-45度到135度,如圖一所示,改成135到-45度后成圖二這樣了,但是并不滿足設(shè)計的刻度從右向左數(shù)值逐漸變大。文檔上說clockwise: false可以使刻度逆時針增加。但是實際加上了以后如圖三所示。

現(xiàn)在不知道應(yīng)該怎么解決了。請echarts大神幫忙。

{
      name:'功率',
      type:'gauge',
      center : ['83%', '56%'],    // 默認全局居中
      radius : '67%',
      // clockwise: false,
      min:0,
      max:100,
      startAngle:-45,
      endAngle:135,
      splitNumber:10,
      axisLine: {            // 坐標軸線
        lineStyle: {       // 屬性lineStyle控制線條樣式
          color: [[0.8, '#017b01'],[0.95, '#cd7d00'],[1, '#aa053b']],
          width: 7
        }
      },
      axisLabel: {            // 坐標軸小標記
        textStyle: {       // 屬性lineStyle控制線條樣式
          fontWeight: 'bolder',
          fontSize: 8,
          color: '#fff',
          shadowColor : '#fff', //默認透明
          shadowBlur: 10
        },
        distance: 2
      },
      axisTick: {            // 坐標軸小標記
        length :7,        // 屬性length控制線長
        lineStyle: {       // 屬性lineStyle控制線條樣式
          color: 'auto'
        }
      },
      splitLine: {           // 分隔線
        length :15,         // 屬性length控制線長
        lineStyle: {       // 屬性lineStyle(詳見lineStyle)控制線條樣式
          width:2,
          color: 'auto'
        }
      },
      pointer: {
        width:3
      },
      // itemStyle: {
      //   color: '#01e8eb'
      // },
      title : {
        offsetCenter: [0, '-30%'],       // x, y,單位px
        textStyle: {       // 其余屬性默認使用全局文本樣式,詳見TEXTSTYLE
          fontWeight: 'bolder',
          fontStyle: 'italic',
          fontSize: 10,
          color: '#fff',
          shadowColor : '#fff', //默認透明
          // shadowBlur: 10
        }
      },
      detail : {
        // backgroundColor: 'rgba(30,144,255,0.8)',
        // borderWidth: 1,
        borderColor: '#fff',
        shadowColor : '#fff', //默認透明
        shadowBlur: 5,
        width: 80,
        height:30,
        offsetCenter: [25, '20%'],       // x, y,單位px
        textStyle: {       // 其余屬性默認使用全局文本樣式,詳見TEXTSTYLE
          fontWeight: 'bolder',
          fontSize: 18,
          color: '#fff'
        }
      },
      data:[{value: 50, name: '功率'}]
    }

clipboard.png圖一

clipboard.png圖二

clipboard.png圖三

回答
編輯回答
淚染裳

第三個儀表盤的min和max的值交換一下,就是min:100,max:0

2018年9月2日 03:44