2017-02-15 11 views
1

材料チャートの軸をフォーマットする際に問題があります。私はドル記号で私の縦軸の書式を設定したい場合、私はそれがとても似て作る {vAxes: { 0: {title: 'Amount',format: '$#,##'}}} を行うだろう「古典的な」折れ線グラフを使用して折れ線グラフのGoogleグラフのマテリアルの軸をフォーマットするにはどうすればよいですか?

enter image description here

私は私が変えることができると思っただろう{axes: {y: {Amount: {format:'$#,##', label:'Amount'} } } }は、材料図のための小さなドキュメントが何であるかを読んだ後では、これはまったく機能しませんでした。

また、横軸に日付があり、デフォルトの書式はsh * t!です。私はその書式設定を無効にする方法もわかりません。これは私がフォーマットしようとしている軸上にあることに注意してください。

水平で私はhAxis: {format:'YYYY-MM-DD'}を設定しようとしましたが、うまくいきませんでした。

私の主な質問は次のようなものです:誰でも材料表の完全な文書を知っていますか?私が使用しているのはthisです。

2番目の質問:軸の値をどのようにフォーマットしますか?

答えて

1

オプションは、単に

が見... 材質チャートでは使用できません - Tracking Issue for Material Chart Feature Parity #2143


チャートの代わりにコアを使用して、取得するオプションがあります>チャートは "閉じる" に材料チャート...

theme: 'material' 

...作業スニペット以下

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['corechart'] 
 
}); 
 

 
function drawChart() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('date','Date'); 
 
    data.addColumn('number','Value'); 
 
    data.addRows([ 
 
    [new Date(2017, 1, 12), 250], 
 
    [new Date(2017, 1, 13), 200], 
 
    [new Date(2017, 1, 14), 150] 
 
    ]); 
 

 
    var options = { 
 
    hAxis: { 
 
     format: 'yyyy-MM-dd' 
 
    }, 
 
    theme: 'material', 
 
    vAxis: { 
 
     format: '$#,##', 
 
     title: 'Amount' 
 
    } 
 
    }; 
 

 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
}
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

+0

感謝を参照してください!しかし、そのリストを見ると、うまく動かないv軸とh軸のプロパティの束が見えます。しかし、フォーマットはそれらの中にはないので、それはうまくいくはずです...あなたはマテリアルチャートのいくつかのより広範な文書を認識していませんか?私は今からテーマを使用します!そのヒントをありがとう! – Gustav

+0

私が知っているドキュメントはもうありません。[リリースノート](https://developers.google.com/chart/interactive/docs/release_notes)に他の情報しかありませんが、_material _... – WhiteHat

+0

いいえ..悲しいことに、Googleのチャートのその部分に関する文書を見つけることはとても難しいはずです。とにかく、あなたの答えをありがとう! – Gustav

関連する問題