2017-09-20 18 views
1

Google Charts focusTarget: 'category'は、グラフを一方向に描画したときには動作しますが、もう一方には描画しません。以下の例ではGoogle Charts focusTarget: 'カテゴリ'が機能しない

、私が壊れツールチップを持っている(意図したトリガではない)、それはBAR II

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

function drawChart() { 

    // _____ BAR I ______ 

    var data = google.visualization.arrayToDataTable([ 
     ['Form', 'Visitors', 'Starters', 'Conversions'], 
     ['Form 1', 1000, 650, 490], 
     ['Form 2', 485, 460, 350], 
     ['Form 3', 335, 250, 105] 
    ]); 

    var options = { 
     chart: { 
      title: 'Company Performance', 
      subtitle: 'Sales, Expenses, and Profit: 2014-2017', 
      focusTarget: 'category', 
     }, 
     focusTarget: 'category', 
    }; 

    var chart = new google.charts.Bar(document.getElementById('columnchart_material')); 

    chart.draw(data, google.charts.Bar.convertOptions(options)); 

    // ______ BAR II ______ 

    var data = google.visualization.arrayToDataTable([ 
     ['Form', 'Visitors', 'Starters', 'Conversions'], 
     ['Form 1', 1000, 650, 490], 
     ['Form 2', 485, 460, 350], 
     ['Form 3', 335, 250, 105] 
    ]); 

    var options = { 
     title: 'Company Performance', 
      subtitle: 'Sales, Expenses, and Profit: 2014-2017', 
     // This line makes the entire category's tooltip active. 
     focusTarget: 'category', 
     // Use an HTML tooltip. 
     tooltip: { 
      isHtml: true 
     } 
    }; 

    // Create and draw the visualization. 
    new google.visualization.ColumnChart(document.getElementById('columnchart_material_2')).draw(data, options); 

} 

で完璧に働いてBARもthis JSFiddleをご覧ください問題の

他のツールチップの動作とは別に、チャートもやや異なって見えますが、原因は何ですか?

答えて

2

1は、クラシックチャートと考え、他の材質

クラシックされる - >google.visualization.ColumnChart - パッケージが必要です。'corechart'

材質 - >google.charts.Barは - パッケージが必要:'bar'

マットerialチャートは新しいですが、またいくつかのオプションをサポートしていません...

を参照してください - >Tracking Issue for Material Chart Feature Parity

含まれています...

focusTarget


ありのオプションのようなスタイルにするために、の図表のためのオプション

theme: 'material'

+0

おかげで、それは、これらの問題を修正ように思えるの優先順位ではありません... は、おそらく別のチャートソリューションを見つける必要があります。 –

関連する問題