Не работают некоторые свойства Google Charts

Question

Необходимо на одном графике отобразить несколько серий эксперимента. Для этого отлично подходит инструмент Google Charts (https://developers.google.com/chart/interactive/docs/gallery/linechart?hl=ru) Графики в целом работают. Не удается изменить некоторые свойства, описанные в документации: отображать заданные точки, соединить их штрихпунктирной линией. Конкретно, не работают свойства pointShape, lineWidth и lineDashStyle. Помогите, плз, разобраться. Заранее, огромное спасибо!

<html>
<head>
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {packages: ['corechart', 'line']});
      google.charts.setOnLoadCallback(drawChart);

    function drawChart() {

      var data = new google.visualization.DataTable();
          data.addColumn('number', 'Width in pcs');
          data.addColumn('number', 'Test1');
          data.addColumn('number', 'Test2');

      data.addRows([
        [250,  1.097438, 4.080916],
        [500,  1.915228, 7.398398],
        [750,  2.386182, 9.241248],
        [1000, 2.692818, 10.348892],
        [1250, 2.86978,  11.033738],
        [1500, 3.091832, 11.663874],
        [1750, 3.262076, 12.256484],
        [2000, 3.279888, 12.21683]
      ]);

      var options = {
        chart: {
          title: 'Perfomance testing depending on width (height = 1080, n = 250, 20 iterations)',  
        width: 900,
        height: 500,
        lineWidth: 4,
        series: {
          0: { lineDashStyle: [4, 4] },
          1: { lineDashStyle: [4, 4] }
        }
        axes: {
          x: { 0: {side: 'bottom'} }
        },
        vAxes: {
            // Adds titles to each axis.
            0: {title: 'Time (secs)', titleTextStyle: {color: 'black'}}
        },
        hAxes: {
            // Adds titles to each axis.
            0: {title: 'Width (pics)', titleTextStyle: { color: 'black' } }
        },
        legend: {position: 'top', textStyle: {color: 'black', fontSize: 15}}
      };

      var chart = new google.charts.Line(document.getElementById('line_top_x'));

      chart.draw(data, google.charts.Line.convertOptions(options));
    }
  </script>
</head>
<body>
  <div id="line_top_x"></div>
</body>
</html>

БЛОГ НА HUSL

Не работают некоторые свойства Google Charts

Ответы (0 шт):