谷歌柱形圖定製傳奇

1）當我點擊的傳說與此相關的數據集應該返回null，並顯示在禁用色彩的傳說。我的代碼如下。

function drawVisualization() { 
    // Create and populate the data table. 
    var chart_div  = document.getElementById('visualization2'); 

    var data2   = google.visualization.arrayToDataTable([["Sections","Client Scored",{ role: "style" },"Client Confidence",{ role: "style" },"Average Mark",{ role: "style" },"Average Confidence",{ role: "style" }],["Set 1",90,"opacity: 1",95,"opacity: 0.5",78,"opacity: 1",69,"opacity: 0.5"],["Set 2",65,"opacity: 1",73,"opacity: 0.5",99,"opacity: 1",99,"opacity: 0.5"]]); 
    var options = { 
     title:"Understanding", 
     width:'100%', height:600,seriesType: "bars" 
     ,series:{1: {type: "line",pointSize: 10,lineWidth :0},3: {type: "line",pointSize: 10,lineWidth :0}} 
     ,colors: ['#fafe14','#fafe14','#05afed','#05afed'] 
     ,vAxis: {title: "%Score",format: '##', minValue: '1', maxValue: '8'},  
     hAxis: {title: "",slantedText: true,slantedTextAngle:60, maxTextLines: 5, maxAlternation: 10 }, 
     chartArea: {height: '60%',top:10} 
     };  
    var chart   = new google.visualization.ColumnChart(chart_div); 

    chart.draw(data2, options); 

    }

對於這一點，我試過hideColumns功能，它的工作，但問題是，傳說也淡出與數據集，如果我刪除第二列第三列將成爲第二個和4將成爲3和5將變爲4.

2）我的第二個問題是第1列，第3列是線寬爲零的線，如下所示。

有什麼辦法來移動這對第一條的正中央如下圖所示

來源

2016-08-16 Preethy

如果我理解你的問題的第一部分正確你想隱藏一列而不從DataTable中移除它。

要使DataTable中的列不顯示在從中繪製的圖表中，您可以將列的角色更改爲不顯示在圖表上的內容。

例如，某列的annotationText角色適用於前面的註釋列，但如果在它之前沒有註釋列，那麼annotationText列將被忽略。

所以，如果你想隱藏2列，下面的代碼片段會這麼做：

data_table.setColumnProperty(2,'role','annotationText');

而且如果要再次顯示列你只需更改角色回數據

data_table.setColumnProperty(2,'role','data');

來源

2016-08-31 19:13:18

谷歌柱形圖定製傳奇

回答

相關問題