Javascript 如何在可视化上添加点：面积图

如何在谷歌图表可视化中添加一个点：像上图中的红色点那样的面积图，我可以在点的上方或旁边添加一些标签吗

下面是输出上图的代码

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

  function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Output1');
    data.addColumn('number', 'Height');
    data.addColumn({type:'string', role:'annotation'});
    data.addRows([
      <?php echo"['',  2, null],"; ?>
      <?php echo"['',  2, '1 Kpa ---------->'],"; ?>
      <?php echo"['2',   1, '<---------- 2'],"; ?>
      <?php echo"['3 σ',   0, '<---------- 3 σ']"; ?>
    ]);

    var options = {
      title: 'Total Stress',
      hAxis: {title: '<-------- Direction',  titleTextStyle: {color: '#333'}},
      vAxis: { ticks: [{v:2, f:'1 Kpa ->'}, {v:1, f:'1 m'},{v:0, f:'length ^ 1 m'},{v:0, f:'1 m'}] }
    };

    var chart = new google.visualization.AreaChart(document.getElementById('total_stress'));
    chart.draw(data, options);
  }

google.charts.load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Output1'）；
data.addColumn（'number'，'Height'）；
addColumn（{type:'string'，role:'annotation'}）；
data.addRows([
您可以使用组合来组合系列类型

向点的数据表中添加另一列

在选项中，定义序列类型，对点使用
'scatter'

seriesType: 'area',
series: {
  1: {
    type: 'scatter'
  }
}

请参阅以下工作片段


google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Output1'）；
data.addColumn（'number'，'Height'）；
addColumn（{type:'string'，role:'annotation'}）；
data.addColumn（'number'，'Scatter'）；
data.addRows([
[''，2，空，空]，
[''，2，'1千帕----------------->'，1]，
['2',   1, '