title: How to change marker labels in anychart horizontal gauge?
body: <p>I am using anychart for creating a percentage horizontal gauge. </p>
  
  <p>And i want to change the  marker information to show what i want. </p>
  
  <p>I found nothing on the documentation about it.</p>
  
  <p>I'm using the javascript anychart playground (link below).
  The final implementation is on Angular 5.</p>
  
  <p>The original code : 
  <a href="https://playground.anychart.com/docs/v8/samples/GAUGE_Linear_04" rel="nofollow noreferrer">https://playground.anychart.com/docs/v8/samples/GAUGE_Linear_04</a></p>
  
  <p>(Optional) The typescript method : </p>
  
  <pre><code>createAnyChartsCustomGauges() {
  let array = [];
      this.listItem.forEach(item =&gt; {
        // Gauge type and data
        const gauge = anychart.gauges.linear();
        gauge.layout('horizontal');
        // Set the data
        gauge.data([item.percent]); //number
  
        // Create the custom scale bar
        const scaleBarre = gauge.scaleBar(0);
        // color and style setting
        const colorScale = anychart.scales.ordinalColor().ranges([
          {
            from: 0,
            to: 25,
            color: ['#D81E05', '#EB7A02'],
          },
          {
            from: 25,
            to: 50,
            color: ['#EB7A02', '#FFD700'],
          },
          {
            from: 50,
            to: 75,
            color: ['#FFD700', '#CAD70b'],
          },
          {
            from: 75,
            to: 100,
            color: ['#CAD70b', '#2AD62A'],
          },
        ]);
        scaleBarre.width('5%');
        scaleBarre.offset('31.5%');
        scaleBarre.colorScale(colorScale);
  
        // Add a marker pointer
        const marker = gauge.marker(0);
        marker.offset('31.5%');
        marker.type('triangle-up');
        marker.zIndex(10);
        marker.labels().format('{%data[0]}%');
        // Add a scale
        const scale = gauge.scale();
        scale.minimum(0);
        scale.maximum(100);
        scale.maxTicksCount(10);
  
        // Add an axis
        const axis = gauge.axis();
        axis.minorTicks(true);
        axis.minorTicks().stroke('#cecece');
        axis.width('1%');
        axis.offset('29.5%');
        axis.orientation('top');
  
        // format axis labels
        axis.labels().format('{%value}%');
  
        // set paddings
        gauge.padding([0, 20]);
  
        array.push(gauge);
  
      });
    }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/deCBn.png" rel="nofollow noreferrer">Actual</a> : 
  { 
    Pointer 0
    Value 63
  }</p>
  
  <p><a href="https://i.stack.imgur.com/nEOBL.png" rel="nofollow noreferrer">Expected</a> : 
  {
    Value 63%
  }</p>