web-dev-qa-db-ja.com

縦棒グラフの凡例の位置の問題

マークした場所の凡例をグラフの上に設定するだけです。
以下は、機能しないGoogleチャートコードです。

var wrapper = new google.visualization.ChartWrapper({
  chartType: 'ColumnChart',
  dataTable: Dydata,
  containerId: 'visualization',
  legend: { position: 'bottom', alignment: 'start' },
  width: 520,
  height: 350
});
wrapper.draw();
javascriptgoogle-visualization
14
user2660267

凡例をグラフの上部に配置する場合は、legend.positionオプションを "top"に設定する必要があります。

legend: { position: 'top', alignment: 'start' }

また、ChartWrapperを使用する場合、オプションは「options」パラメーター内にある必要があります。

var wrapper = new google.visualization.ChartWrapper({
    chartType: 'ColumnChart',
    dataTable: Dydata,
    containerId: 'visualization',
    options: {
        legend: { position: 'top', alignment: 'start' },
        width: 520,
        height: 350
    }
});
wrapper.draw();
39
asgallant

オプションセクション内にコードを追加する必要があります。以下のように ：

chart1.options = {
        legend: { position: 'top', alignment: 'end' },
        "title": "Sales per month",
        "isStacked": "true",
        // "fill": 20,
        "displayExactValues": true,
        "vAxis": {
            "title": "Sales unit",
            "gridlines": {
                "count": 10
            }
        },
        "hAxis": {
            "title": "Date"
        }
    };
3
SantoshK

以下のAPIを使用して問題を修正しました：

legend.position: ['top', 'bottom']
0
Dev QuickLS