Google柱形圖折線點

Question

以下是我的Google Combo Chart代碼，它可以正常工作。 我也將輸出附加為圖像。 我的新要求在第二張圖片中

即我希望置信線氣泡應顯示其各自的值，現在僅在懸停時顯示。 我已經嘗試過Chart的注釋屬性，但它僅適用於條形柱，我想在上一行即Confidence行中使用它。 請回復

var data3 = google.visualization.arrayToDataTable([['Staff','Understanding','Confidence','Hurdle'],
['Customer Planning',40,95,80],
['Passionate Selling',63,93,80],
['Negotiating Revenue & Profit Growth',60,92,80],
['Category & Shopper Execution',60,90,80],
['Value Chain Integration',76,98,80]]);

     var options = {title:"Staff Details",
              width:'100%', height:600,seriesType: "bars",series:{1: {type: "line",pointSize: 6},2: {type: "line",pointSize: 6}},
              vAxis: {title: "", 'minValue': 0, 'maxValue': 100},
              colors: ['#259edd', '#ffc000', '#ff0000'],
              hAxis: {title: "Competency",'minValue': 0, 'maxValue': 100, slantedText: true, slantedTextAngle:60 },
              chartArea: {height: '60%',top:10}
      };        

    var chart           =   new google.visualization.ComboChart(bar_chart_div);
    chart.draw(data3, options);

Answer 1

您可以向折線圖添加注釋...
但是我還沒有找到一種將它們添加到該點本身的方法，如圖中所示。

 google.load('visualization', '1.0', {'packages':['corechart']}); google.setOnLoadCallback(drawDashboard); function drawDashboard() { var data = google.visualization.arrayToDataTable([ ['Name', 'Donuts eaten'], ['Michael' , 5], ['Elisa', 7], ['Robert', 3], ['John', 2], ['Jessica', 6], ['Aaron', 1], ['Margareth', 8] ]); var options = { title: 'Company Performance', curveType: 'function', legend: { position: 'bottom' }, pointSize: 10 }; var view = new google.visualization.DataView(data); view.setColumns([0, 1, { calc: "stringify", sourceColumn: 1, type: "string", role: "annotation" }]); var chart = new google.visualization.LineChart(document.getElementById('chart')); chart.draw(view, options); } 

 <script src="https://www.google.com/jsapi"></script> <div id="chart"></div>