0

私は Google Charts ツールを初めて使用し、何が間違っているのか疑問に思っていました。'isStacked':true を追加して BarChart (または ColumnChart) を積み上げたいのですが、グラフに間違ったデータが表示されます。

このコードを使用して、Google Playground で自分で試すことができます

(間違った結果を表示するには、オプションに 'isStacked':true を追加するだけです)

function drawVisualization() {
// Create and populate the data table.
var  data = new  google.visualization.DataTable({"cols":[{"id":"","label":"Date","type":"string"},
                                                     {"id":"","label":"Complaints","type":"number"},
                                                     {"id":"","label":"Compliments","type":"number"},
                                                     {"id":"","label":"Questions","type":"number"},
                                                     {"id":"","label":"Suggestions","type":"number"}],
                                             "rows":[{"c":[{"v":"12\/2011"},{"v":30},{"v":0},{"v":0},{"v":0}]},
                                                     {"c":[{"v":"1\/2012"},{"v":93},{"v":"5"},{"v":0},{"v":0}]},
                                                     {"c":[{"v":"2\/2012"},{"v":82},{"v":"5"},{"v":0},{"v":0}]},
                                                     {"c":[{"v":"3\/2012"},{"v":72},{"v":"10"},{"v":0},{"v":0}]},
                                                     {"c":[{"v":"4\/2012"},{"v":68},{"v":"8"},{"v":0},{"v":0}]},
                                                     {"c":[{"v":"5\/2012"},{"v":59},{"v":"7"},{"v":0},{"v":0}]},
                                                     {"c":[{"v":"6\/2012"},{"v":30},{"v":"3"},{"v":"3"},{"v":0}]},
                                                     {"c":[{"v":"7\/2012"},{"v":37},{"v":"3"},{"v":"4"},{"v":"3"}]},
                                                     {"c":[{"v":"8\/2012"},{"v":31},{"v":"2"},{"v":"5"},{"v":0}]},
                                                     {"c":[{"v":"9\/2012"},{"v":47},{"v":"2"},{"v":"1"},{"v":"1"}]},
                                                     {"c":[{"v":"10\/2012"},{"v":67},{"v":0},{"v":"5"},{"v":"1"}]},
                                                     {"c":[{"v":"11\/2012"},{"v":38},{"v":"1"},{"v":"4"},{"v":0}]},
                                                     {"c":[{"v":"12\/2012"},{"v":14},{"v":"1"},{"v":"1"},{"v":"1"}]}
                                                    ]});       


// Create and draw the visualization.
new google.visualization.BarChart(document.getElementById('visualization')).
  draw(data,
       {title:"Yearly Coffee Consumption by Country",
        width:1000, height:400,
        vAxis: {title: "Year"},
        hAxis: {title: "Cups"}}
  );
}

誰かが私を助けてくれることを願っています...

ありがとう！

4

1 に答える 1

0

私はまったく同じ問題を抱えていました。解決策は、数値を引用符で囲んではいけません。そうしないと、"3"+"4" が 7 ではなく 34 になります。

そこに数値がある場合は、" マークを削除してください。乾杯、グレッグ

更新: 'f:' 値も使用する場合は、引用符が再度必要になります。そうしないと、グラフでマウスオーバーが機能しない可能性があります。

{"c":[{"v":"12\/2012"},{"v":14, "f":"14"},{"v":1, "f":"1"},{"v":1, "f":"1"},{"v":1, "f":"1"}]}
于 2013-03-26T15:38:08.023 に答える