如何自定義Google圖表中特定點的顏色

如何自定義Google analytics embedded API的數據圖表上特定日期點的顏色。後，我看了Google Visualization API documentation我想這個代碼，但沒有奏效：如何自定義Google圖表中特定點的顏色

var sessionsOverMonth = new gapi.analytics.googleCharts.DataChart({ 
     reportType: 'ga', 
     query: { 
      'dimensions': 'ga:date', 
      'metrics': 'ga:sessions', 
      'start-date': '30daysAgo', 
      'end-date': 'yesterday', 
     }, 
     chart: { 
      type: 'LINE', 
      container: 'sessions-over-month', 
      options: {width: '100%' , 
       series: { 
        0: { pointShape: { type: 'star', sides: 5, dent: 0.05 }}, 
       } 
      } 
     } 
    });

如何捉對圖表特定日期和自定義它？在series選項內

來源

2017-03-07 Jaber Abdallatef

設置，會影響數據

的整個數據序列，或列於一系列內變化的特定點，需要使用column role，
具體 - >風格

以下工作片段展示瞭如何在google-visualization庫

google.charts.load('current', { 
 
    callback: drawChart, 
 
    packages: ['corechart'] 
 
}); 
 

 
function drawChart() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
    ['Date', 'y', {role: 'style'}], 
 
    [new Date(2017, 2, 1), 0, null], 
 
    [new Date(2017, 2, 2), 1, null], 
 
    [new Date(2017, 2, 3), 2, 'point {size: 16; shape-type: star; fill-color: #d81b60;}'], 
 
    [new Date(2017, 2, 4), 3, null], 
 
    [new Date(2017, 2, 5), 4, null], 
 
    [new Date(2017, 2, 6), 5, null] 
 
    ]); 
 

 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
 
    chart.draw(data, { 
 
    pointSize: 6 
 
    }); 
 
}

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

來源

2017-03-07 13:33:54 WhiteHat

我不確定'google-analytics'，數據集中是否有一列可用作_style_列？ – WhiteHat

是WhiteHat，您的代碼正在處理可視化，但在狀態Google Analytics（分析）中，除寬度屬性外，沒有圖表的樣式屬性。 –

如何自定義Google圖表中特定點的顏色

回答

相關問題