Question

我正在尝试使用Google Charts创建堆叠条形图。数据是动态的，所以在制作图表之前，我无法告诉轴的值。我的问题是x轴有时会填充不必要的标签，如附带的屏幕截图所示（在这个特定的场景中，我只有4组数据，因此名为'12'的第二个标签不应该在那里）。

有关如何解决这个问题的建议，还要将列对齐到各自的标签上方？

Duplicate label

根据要求，这是一些代码。在选项中尝试了不同的变化，但没有取得多大成功。

  var data = new google.visualization.DataTable();
        data.addColumn('number', 'X');
        data.addColumn('number', 'Alfa');
        data.addColumn('number', 'Bravo');
        data.addColumn('number', 'Charlie');
        data.addColumn('number', 'Delta');
        data.addColumn('number', 'Echo');
        data.addColumn('number', 'Foxtrot');

        data.addRows(myDataSet);

        var options = {
            width: 1000,
            height: 563,
            series: {
                0: { color: '#F7464A' }, //Alfa
                1: { color: '#46BFBD' }, //Bravo
                2: { color: '#FDB45C' }, //Charlie
                3: { color: '#0971B2' }, //Delta
                4: { color: '#ab7967' }, //Echo
                5: { color: '#a3be8c' }  //Foxtrot
            },
            bar: { groupWidth: '75%' },
            isStacked: true,
            title: title,
            hAxis: {
                title: 'Week',
                format: '0'
            },
            vAxis: {
                title: 'Tasks'
            }
        };

        var chart = new google.visualization.ColumnChart(
            document.getElementById('velocityBarChartDiv'));

        chart.draw(data, options);
        $("#velocityBarChartDiv").show();

Answer 1

在没有样本数据或小提琴/蹦蹦跳跳的游乐场的情况下将它拼凑在一起是一种黑暗的拍摄，但我认为您要关注的关键点是将DataTable更改为{ {1}}。此外，浏览文档，您的设置可能会略微误入歧途。这是我的示例数据设置

arrayToDataTable

这有点棘手，但似乎第一个数组将是您的类别，并且每行中的第一个值将与x轴标签相关。如果我们忽略那些第一个字符串值并替换数值，我也会遇到使用“加倍”值得到的shifty x轴。

无论如何，我拿走了这里的东西，制作了一个小提琴，我认为最终结果就是你要找的东西

x轴上的重复标签，堆叠条形图（谷歌图表）

1 个答案:

JSFiddle Link