[stack bar google visualization

Question

我在这里有此查询：

  select  RSP,DATEDIFF(HOUR,date,GETDATE()) as 'age'
 from en_cours 
  left join Base_Client 
  on raison_sociale = Base_Client.Client or site_client = Base_Client.Client 
 group by RSP,DATEDIFF(HOUR,date,GETDATE()),ticket_cp

返回]：>

A | 1
A | 2
A | 10
A | 15
B | 1
B | 4
B | 9
C | 10
C | 10
C | 13
我希望上面的值在条形图中显示，例如一个条中的名称“ A”，其他条中的“ B”，其他条组中的“ C”（按名称显示）以及颜色类似条“ A” “我希望它有4种不同的颜色，就像您在查询中看到的那样，每个带有A的颜色的数字都具有“ 1,2,10,15”，因此条形A将具有4种颜色我正在使用谷歌图表，这是代码：

google.charts.load('current', {packages: ['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
    var options = {
        title: 'Reparation par RSP',
        width: '100%',
        height: 500,
        bar: { groupWidth: "75%" },
        seriesType: 'bars',
        series: { 5: { type: 'line' } },
        colors: ['#ff7900'],
        legend: 'right',
        hAxis: { format: '###' },
         titleTextStyle: {
               fontSize: 32, 
                },


    };


    $.ajax({
        type: "POST",
        url: "ReparationParRSP.aspx/GetChartData",
        data: '{}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (r) {
            var data = google.visualization.arrayToDataTable(r.d);
            var view = new google.visualization.DataView(data);
              view.setColumns([
                  0, 1, {
                       calc: 'stringify',
            sourceColumn: 1,
            role: 'annotation',
            type: 'string'
          }
            ]);



            var chart = new google.visualization.BarChart($("#chart_div")[0]);
            chart.draw(view, options);
            updateChart();
        },
        failure: function (r) {
            alert(r.d);
        },
        error: function (r) {
            alert(r.d);
        }
    });

我在这里有此查询：从en_cours中选择RSP，DATEDIFF（HOUR，date，GETDATE（））作为'年龄'，然后在raison_sociale = Base_Client.Client或site_client = Base_Client.Client上加入Base_Client ...

Answer 1

如果您要使用样式和注释角色，您需要两个计算列...