d3のゲージメーターに小数点を表示

Question

私はreactjsを使用してプロジェクトを作成しています。私は現在のプロジェクトにゲージメーターを統合しています。私は正常に実装私のプロジェクトにメートルを測る1つだけ問題は、私が使用していますされ、小数点value.hereを表示したいですしている：

ReactSpeedometer forceRender = { 
         false 
        } 
        value = { 
         this.state.meter1value 
        } 
        maxValue = { 
         this.props.vnfTarget 
        } 
        segments = { 
         3 
        } 
        width = { 
         400 
        } 
        height = { 
         230 
        } 
        needleColor = 'green'/
        > 

Answer 1

に掘り：これは私のコードである

https://www.npmjs.com/package/react-d3-speedometer

react-d3-speedometerのソースコードはこの変数を見つけることができます

// default config that are 'not' configurable 
     var default_config = { 
      ringInset: 20, 

      pointerWidth: 10, 
      pointerTailLength: 5, 
      pointerHeadLengthPercent: 0.9, 

      minAngle: -90, 
      maxAngle: 90, 

      labelFormat: d3Format('d'), 
      labelInset: 10, 

      // calculate the ReactSpeedometer 'parentNode' width/height; it might be used if fluidWidth: true 
      parentWidth: self.gaugeDiv.parentNode.clientWidth, 
      parentHeight: self.gaugeDiv.parentNode.clientHeight 
     }; 

必要に応じて次の行を変更する必要があります

labelFormat: d3Format('d'), 

D3のドキュメントからフォーマットを選択するhere