Графики Google - динамически поворачивать точки линии

Question

Можно повернуть точки графиков с помощью графиков Google (https://developers.google.com/chart/interactive/docs/points#rotations). Также можно настроить отдельные точки (https://developers.google.com/chart/interactive/docs/points#individual).

Я хочу повернуть точки на основе данных, переданных в таблицу. Следующий код загружает пользовательскую точку, но не поворачивает треугольник. Возможно ли это?

google.setOnLoadCallback(drawChart); 
    function drawChart() { 
    var data = google.visualization.arrayToDataTable 
     ([['X', 'Y', {'type': 'string', 'role': 'style'}], 
      [1, 3, null], 
      [2, 2.5, null], 
      [6, 3, 'point {shape-type: triangle; rotation: 180;}'], 
      [7, 2.5, null], 
      [8, 3, null] 
    ]); 

    var options = { 
     legend: 'none', 
     hAxis: { minValue: 0, maxValue: 9 }, 
     curveType: 'function', 
     pointSize: 7 
    }; 

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

В jsfiddle - https://jsfiddle.net/7bc691kr/

Благодаря

Answer 1

В отдельных точках вариантов она выглядит как вариант вращения называется shape-rotation вместо просто rotation.

Измените rotation: 180 на shape-rotation: 180, и он должен работать.