title: want to remove this bullet in front of these labels of highcharts graph
body: <p>i am using highcharts solid gauge. below is sample i have created 
  <a href="https://i.stack.imgur.com/QQQFn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QQQFn.png" alt="high chart solid gauge"></a></p>
  
  <p>now i want to remove these grey bullets as these are not coming in my local but in test its there, i havn't got anything helpful from api. here are options passing to this.and thus i am not sure what i am missing can anyone guide me as i have tried looking into api for solid gauge but i am not sure which option is there to help me</p>
  
  <pre><code>options() {
    return {
      credits: {
        enabled: false
      },
      chart: {
        type: "solidgauge",
      },
  
      title: {
        text: "",
        style: {
          fontSize: "24px"
        }
      },
      legend: {
        layout: "horizontal",
        align: "right",
        itemDistance: 100,
        verticalAlign: "middle",
        itemMarginTop: 5,
        itemStyle: {
          fontSize: "28px",
        },
        itemMarginBottom: 5,
        labelFormatter: function() {
          const formattedTotal = Number(
            this.userOptions.data[0].total
          ).toLocaleString("en-US", {
            minimumFractionDigits: 0,
            maximumFractionDigits: 0
          });
  
          return (
            '&lt;span style="text-weight:bold;color:' +
            this.userOptions.data[0].color +
            '"&gt;' +
            this.name +
            '&lt;/span&gt;&lt;br/&gt;&lt;span style="text-align: center"&gt;' +
            formattedTotal +
            "&lt;/span&gt;"
          );
        },
        symbolWidth: 0
      },
      tooltip: {
        borderWidth: 0,
        backgroundColor: "none",
        shadow: false,
        style: {
          fontSize: "16px"
        },
        useHTML: true,
        pointFormat:
          '&lt;table&gt;&lt;tr&gt;&lt;td style="text-align: center"&gt;&lt;span style="font-size: 14px"&gt;{series.name}&lt;/span&gt;&lt;br&gt;&lt;span style="font-size:22px; color: {point.color}; font-weight: bold"&gt;{point.y}%&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;',
        positioner: function(labelWidth) {
          return {
            x: (this.chart.chartWidth - labelWidth - 600) / 2,
            y: this.chart.plotHeight / 2 - 15
          };
        }
      },
  
      pane: {
        startAngle: 0,
        endAngle: 360,
        background: [
          {
            // Track for Move
            outerRadius: "112%",
            innerRadius: "88%",
            backgroundColor: Highcharts.Color(this.graphColors &amp;&amp; this.graphColors[0])
              .setOpacity(0.3)
              .get(),
            borderWidth: 0
          },
          {
            // Track for Exercise
            outerRadius: "87%",
            innerRadius: "63%",
            backgroundColor: Highcharts.Color(this.graphColors &amp;&amp; this.graphColors[1])
              .setOpacity(0.3)
              .get(),
            borderWidth: 0
          },
          {
            // Track for Stand
            outerRadius: "62%",
            innerRadius: "38%",
            backgroundColor: Highcharts.Color(this.graphColors &amp;&amp; this.graphColors[2])
              .setOpacity(0.3)
              .get(),
            borderWidth: 0
          }
        ]
      },
  
      yAxis: {
        min: 0,
        max: 100,
        lineWidth: 0,
        tickPositions: [],
      },
  
      plotOptions: {
        solidgauge: {
          dataLabels: {
            enabled: false,
          },
          linecap: "round",
          stickyTracking: false,
          rounded: true
        }
      },
  
      series: [
        {
          name: "Passerby",
          showInLegend: true,
          data: [
            {
              color: this.graphColors &amp;&amp; this.graphColors[0],
              radius: "112%",
              innerRadius: "88%",
              y: this.passerby,
              total: this.passerbyTotal
            }
          ]
        },
        {
          name: "Visitor",
          showInLegend: true,
          data: [
            {
              color: this.graphColors &amp;&amp; this.graphColors[1],
              radius: "87%",
              innerRadius: "63%",
              y: this.visitor,
              total: this.visitorTotal,
            }
          ]
        },
        {
          name: "Connected",
          showInLegend: true,
          data: [
            {
              color: this.graphColors &amp;&amp; this.graphColors[2],
              radius: "62%",
              innerRadius: "38%",
              y: this.connected,
              total: this.connectedTotal
            }
          ]
        }
      ],
    }
  }
  </code></pre>