デュアルx軸（小数点）を使用したGoogle棒グラフの書式番号

Question

デュアルx軸を使用したGoogle棒グラフで数値の書式を設定するにはどうすればよいですか？ ラベルがサポートされている上部軸には、ツールチップに表示されている値のように、小数点以下4桁以上が必要です。

私が試みたのはthisですが、動作していないようです。

マイコード：

data.addColumn('string', 'RuleName'); 
     data.addColumn('number', 'Lift'); 
     data.addColumn('number', 'Support'); 


     for (var i = 0; i < chartsdata.length; i++) { 
      data.addRow([rule, Lift,Support)]); 
     } 

     // format numbers in second column to 5 decimals 
     var formatter = new google.visualization.NumberFormat({ 
      pattern: '#,##0.00000' 
     }); // This does work, but only for the value in the tooltip. 

     formatter.format(data, 2); 

     // Passing in some options  
     var chart = new google.charts.Bar(document.getElementById('barChart')); 
     var options = { 

      title: "Association Rules by lift and support", 
      bars: 'horizontal', 
      series: { 
       0: { axis: 'Lift', targetAxisIndex: 0, }, 
       1: { axis: 'Support', targetAxisIndex: 1} 

      }, 

      axes: { 
       x: { 
        Lift: { label: 'Lift', format: '0,000' //Doesn't work, }, // Bottom x-axis. 
        Support: { side: 'top', label: 'Support' } // Top x-axis. 
       } 
      }, .......... 

私は何もしようとしたことはGoogleドキュメントから、このアプローチである：

series:{hAxes:{1:{title:'abc', format: '0,0000'}} 

任意の助けいただければ幸いです！

Answer 1

材質チャート が見
でサポートされていないいくつかのオプションがある - そう>{hAxis,vAxis,hAxes.*,vAxes.*}

- >Tracking Issue for Material Chart Feature Parity

記載されていませんformatが、ためにサポートされていないいくつかのオプションがありますこれは問題の可能性があります
注：質問に見られるように、上記のオプションは単独であり、seriesオプションの
に含める必要はありません（私も試した何...）

あなたはhAxis.format
を使用して、両方のx軸の書式を変更することができますが、あなたは、次の作業のスニペットを参照してくださいちょうど1

を変更することはできないと思います...

google.charts.load('current', { 
 
    packages: ['bar'] 
 
}).then(function() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('string', 'RuleName'); 
 
    data.addColumn('number', 'Lift'); 
 
    data.addColumn('number', 'Support'); 
 
    for (var i = 0; i < 10; i++) { 
 
    data.addRow([i.toString(), i+2, i+3]); 
 
    } 
 

 
    var formatter = new google.visualization.NumberFormat({ 
 
    pattern: '#,##0.00000' 
 
    }); 
 
    formatter.format(data, 2); 
 

 
    var chart = new google.charts.Bar(document.getElementById('barChart')); 
 
    var options = { 
 
    chart: { 
 
     title: 'Association Rules by lift and support' 
 
    }, 
 
    bars: 'horizontal', 
 
    series: { 
 
     0: {axis: 'Lift'}, 
 
     1: {axis: 'Support'} 
 
    }, 
 
    axes: { 
 
     x: { 
 
     Lift: {label: 'Lift'}, 
 
     Support: {side: 'top', label: 'Support'} 
 
     } 
 
    }, 
 
    hAxis: { 
 
     format: '#,##0.00000' 
 
    }, 
 
    height: 320 
 
    }; 
 
    chart.draw(data, google.charts.Bar.convertOptions(options)); 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="barChart"></div>