【ECharts】仪表盘指针自定义形状

这里我把指针改为扇形图,如下

【ECharts】仪表盘指针自定义形状_第1张图片

主要是通过如下代码实现自定义形状的指针:

var option = {
        series: [
          {
            pointer: {
              icon: 'image://data:image/png;base64,iVBORw0KGgoAAAANSU...',
            },
          }
        ]
      };

完整代码如下:

var chartDom = document.getElementById('myChart');
      var myChart = echarts.init(chartDom);
      var option = {
        animation: false, // 禁用加载动画
        title: {
          show: true,
          text: '车方向:   ' + this.carDirection + '°' + '\n' + '波束方向:' + this.beamDirection + '°',
          textStyle: {
            color: '#fff',
            fontWeight: 100,
            lineHeight: 30,
          },
          bottom: 20,
          backgroundColor: 'rgba(128, 128, 128, 0.5)',
        },
        series: [
          {
            name: '方向表',
            type: 'gauge',
            detail: {
              formatter: '{value}°'
            },
            pointer: {
              icon: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsAgMAAAAEE2bmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUdwTD3C0gGtwt4G3EYAAAACdFJOUwCLDPmXkAAAA8dJREFUeNrtm7uR3DAQREEaMOhLBiJQIQqGIEfKQRsFQ1jj5MOgqriIUqvb++0dCcwMnkoy0AF04fC6j/itc11dXV1dXV1dXV0Sffuer7r8/Nrs9Cm/qs1tyHe6QINqHNrnnCmzkPd0pkZlHJnPR5obCbaYDaeC1y9i3p/1wEzWTQszWdoChJpXXqm/UMPyJPASspyyRGdk4hXTH2RekoEJh3UVN6ycEzesei6Cwitxw6rNWFB5lVGqrMoZm3RexYGdMjYwn7VasGHlvDGBKOc1GLxWJBDFvHqT1xma+cPZH7NNCzTzR7N/MnpdqJnfn/1g9tqYcB1EjPSK4N9on6+1+V9q6XNEZmI0ey2OA/l3O2QOxQZ8G0urCo9hZP8XDkavGfsMHXyIIobR2u4VWTCVFprkt3bgMKLrCVO7j1aGEYuEDWRy3KLpaCU9Qs2m16uOi4QF5AbtrMrnFBMWCQvIxXEbj5naPpZ3tuCeTx2KDdzXJsdtRkt75BGLhD4Us8NAls+tIoZR2+4VON+THQ6NGEYtyMoBGHhmpQpF7SgzYhh1IGuHjx5qtjYU1VN8DqMGZP1EOkLN1rW7frcwYZHQgKxfxgxUs1WhgG5OpJcUAcMoB5kEXh5qtiYUovs5DqMUpOyqL0LNlodCdmvoMYxSkLJr1oFqtjgUwnvRiGGUgZRe/k5Qs6WhkD59GLFIyECK791PULNlodjEXgGLhASk/AXLyGEUtFvx5ISLRB3kpvAKGMZ6u5PCy2ORqIdC8aamClL1bugENbseik3lNWEYayB1b9NGDmOl3crHZBzGMshN6RWgZtdCkZReHsOIvgksgtRaFdqtf3kasUiUQCa1l4eaXW73ovYauEgcg7Q8II4YxuN2rwavCYvEMcjF4DVwGA/bbbE6CIXtTXnEInEEMpm8PNTs41AsJi/HYdwHaf1pQMQw7rd7NXpNWCT2QRox7rZ7Nno5LhJ7IC+g12r2mjCMe+0+m71GLBJ7IO1WH9rd8qOfCDV7r91rg9eEYfwIsgHjh3bPDV6Oi8R7kFuTV8AwvgeZmrw8Fon3oViavByH8b7dl0aviEXiHmT6j7xGDuNdu+dGL8dF4i3IrdkrQM2+B5mavTzU7HuQzRjfgGy3emn3BfCKWCReQa6Al8cwvrZ7AbwGLhIvoSCsnkBuiFfAMD6HIiFeHovEM0gE4xNIxuqx3RfIK2KRuIFMkJfHMN7avUBeAxeJx1BQVleQG+YVoGbfQpEwrxHD+AckhvEKkrNyP0CvL66rq6urq6urq6vrX+g3QQ7YYw8YDCwAAAAASUVORK5CYII=',
              width: 80,
              length: '80%',
              offsetCenter: [0, 0]
            },
            startAngle: 90,
            splitNumber: 8,
            endAngle: 450,
            min: 0,
            max: 360,
            axisLabel: {
              color: 'auto',  //auto就是和所在区域的颜色保持一致
              fontSize: 20,
              distance: -50,
              formatter: function (value) {
                if (value === 0) {
                  return '北';
                }
                else if (value === 45) {
                  return '东北';
                }
                else if (value === 90) {
                  return '东';
                }
                else if (value === 135) {
                  return '东南';
                }
                else if (value === 180) {
                  return '南';
                }
                else if (value === 225) {
                  return '西南';
                }
                else if (value === 270) {
                  return '西';
                }
                else if (value === 315) {
                  return '西北';
                }
              }
            },
            data: [
              {
                value: this.beamDirection,
                // name: '波束方向',
                detail: {
                  show: false,
                }
              },
            ],
            markPoint: {
              symbol: 'image://data:image/png;base64,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',
              symbolSize: 100,
              symbolRotate: this.carDirection,  //车旋转
              data: [
                //跟你的仪表盘的中心位置对应上,颜色可以和画板底色一样
                { value: '', x: 'center', y: 'center', itemStyle: { color: '#90CBFB' } }
              ],
              itemStyle: {
                normal: {
                  label: {
                    show: true,
                    color: '#FFF',//气泡中字体颜色
                    fontSize: 60
                  }
                }
              },
            },
          },
        ]
      };
      myChart.setOption(option)

你可能感兴趣的:(Vue基础,echarts,前端,javascript)