在Google折线图

时间:2016-06-10 08:36:32

标签: javascript google-visualization linechart google-chartwrapper

我尝试在线图上设置静态颜色,具体取决于列标签。

例如,如果我的数据视图中有3列:

(索引 - >列标签)

0 - >富

1 - >杆

2 - >动物园

当我为列设置白色时," 0" (在我的图表包装器的选项中),如果我像这样重绘我的图表:

0 - >杆

1 - >动物园

专栏" Bar"将是白色而不是" Foo" (不再在数据视图中)。

我希望每个列标签(以及图表上的每一行)都保持其原始颜色。有谁可以帮助我吗 ? 谢谢你们提前帮助我:)。

编辑:这是我的Chart Wrapper的代码。

 `var cont_inter_typeJetWeb = '../Controleur/CONT_dataGraphTypeJetWeb.php?before='+p_before_start+'&now='+p_now_start;
 var jsonDataTypeJetWeb = $.ajax({
  url: cont_inter_typeJetWeb,
  dataType: "json",
  async: false
  }).responseText;

 var dataTypeJetWeb = new google.visualization.DataTable(jsonDataTypeJetWeb);

 var dashboardTypeJetWeb = new google.visualization.Dashboard(document.getElementById('dashboard_typeJetWeb_div'));

 var typeJetWebRangeSlider = new google.visualization.ControlWrapper({
      'controlType': 'DateRangeFilter',
      'containerId': 'filter_typeJetWeb_div',
      'options': {
        'filterColumnLabel': 'Date'
      }
  });

 var viewTypeJetWeb = new google.visualization.DataView(dataTypeJetWeb);

 create_choice();

 viewTypeJetWeb.setRows(viewTypeJetWeb.getFilteredRows([{column: 0, minValue: date_before, maxValue: date_now}]));

 var typeJetWebWrapper = new google.visualization.ChartWrapper({
  chartType: 'LineChart',
  dataTable: viewTypeJetWeb,
  options: {'title':'Webposts by Owners',
               'width':1150,
               'height':300,
               'backgroundColor':'#e0e0e0',
               'chartArea':{'width':'100%', 'left':'5%'},
                'legend': 'none'
              },
  containerId: 'typeJetWeb_div'
});

dashboardTypeJetWeb.bind(typeJetWebRangeSlider, typeJetWebWrapper);
dashboardTypeJetWeb.draw(viewTypeJetWeb);`

create_choice()函数用于根据某些参数设置数据视图的列。

以下是我在事件处理程序中为了重新绘制图表而拥有的内容:

viewTypeJetWeb = new google.visualization.DataView(dataTypeJetWeb);
mod_choice();

viewTypeJetWeb.setRows(viewTypeJetWeb.getFilteredRows([{column: 0, minValue: date_before, maxValue: date_now}]));


dashboardTypeJetWeb.bind(typeJetWebRangeSlider, typeJetWebWrapper);
dashboardTypeJetWeb.draw(viewTypeJetWeb);

当我重新绘制图表时,它是mod_choice()函数,为新数据视图选择不同的列。

我想为typeJetWebWrapper设置静态颜色。

0 个答案:

没有答案