0

ここでは、このデータに基づいてダッシュボードhttp://jsbin.com/OJAnaji/27/edit (googl 視覚化) を作成します。

data = google.visualization.arrayToDataTable([
        ['Name', 'Gender', 'Age', 'Donuts eaten'],
        ['Michael' , 'Male', 12, 5],
        ['Elisa', 'Female', 20, 7],
        ['Robert', 'Male', 7, 3],
        ['John', 'Male', 54, 2],
        ['Jessica', 'Female', 22, 6],
        ['Aaron', 'Male', 3, 1],
        ['Margareth', 'Female', 42, 8],
        ['Miranda', 'Female', 33, 6]
    ]);

そして、ColumnChart を除いてすべて正常に動作します。エラーが発生するためです: 指定された軸のすべてのシリーズは同じデータ型でなければなりません×

縦棒グラフのコード:

var wrapper = new google.visualization.ChartWrapper({
    chartType: 'ColumnChart',
    containerId: 'chart3'
  });

そして描画機能：

// Create a dashboard
    new google.visualization.Dashboard(document.getElementById('dashboard')).
    // Establish bindings, declaring the both the slider and the category
    // picker will drive both charts.
    bind([slider, categoryPicker, stringFilter], [pie, table, wrapper]).
    // Draw the entire dashboard.
    draw(data, {'allowHtml':true, 'cssClassNames': 'cssClassNames'});      
}
google.load('visualization', '1', {packages:['controls'], callback: drawVisualization});

および HTML:

          <div class="col-md-4" style="float: left;" id="chart3"></div>

Y軸に列「名前」、X軸に「年齢」、またはY軸に列「名前」、X軸に「食べたドーナツ」などを表示する（データをフィルタリングする）方法はありますか???

更新:私はこれを試しました:

'view': {'columns': [0,3]}

しかし、何も起こらなかった

4

1 に答える 1

0

ラッパーでビューを指定しましたか?

var wrapper = new google.visualization.ChartWrapper({
    chartType: 'ColumnChart',
    containerId: 'chart3',
    view: {
        columns: [0,3]
    }
});

ちなみに、Dashboad#draw呼び出しに 2 番目のパラメーターを渡しても何も起こりません。オプションは受け入れられません。

new google.visualization.Dashboard(document.getElementById('dashboard')).
// Establish bindings, declaring the both the slider and the category
// picker will drive both charts.
bind([slider, categoryPicker, stringFilter], [pie, table, wrapper]).
// Draw the entire dashboard.
draw(data);

これらは代わりoptionsに、適切な ChartWrapper (Table指定されたオプションを指定すると、 のラッパー) のパラメーターとして渡す必要があります。

于 2014-02-18T17:43:43.430 に答える