Линейная диаграмма Google - проблема с неизвестными линиями - PullRequest
Новая
       45

Линейная диаграмма Google - проблема с неизвестными линиями

1 голос
/ 09 июля 2019

Я пытаюсь сгенерировать многоцветную линейную диаграмму, см. jsfiddle code Диаграмма, которая генерируется диаграммой Google, показывает три прямые линии (красная, зеленая и синяя), которые вообще не должны быть частью диаграммы. Смотрите прикрепленное изображение enter image description here

Когда я отрисовываю диаграмму отдельных цветов, в этом случае диаграмма идет хорошо, но когда я объединяю их вместе, в этом случае можно увидеть, как эти прямые линии появляются из ниоткуда.

Вот фрагмент кода, реальный код см. В jsfiddle 


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

    function drawAxisTickColors() {
          var data = new google.visualization.DataTable();
                data.addColumn('number', 'Bets');
                data.addColumn('number', 'Values');
    data.addColumn({type:'string', role:'style'});
          data.addRows([[5,100,"color:#D3D3D3"],[10,200,"color:#D3D3D3"],[15,300,"color:#D3D3D3"]]);

          var options = {
                    height: 450,
                    title: 'Monte Carlo',
                    curveType: 'function',
                    legend: 'none',
                    backgroundColor: { fill:'transparent' },
                    intervals: { 'style': 'line' },
                    hAxis: {
                        title: 'Bets',
                        textStyle: {
                            color: '#33465C'
                        },
                        titleTextStyle: {
                            color: '#33465C'
                        }
                    },
                    vAxis: {
                        title: 'Results',
                        textStyle: {
                            color: '#33465C'
                        },
                        titleTextStyle: {
                            color: '#33465C'
                        }
                    },
                    titleTextStyle: {
                        color: '#33465C'
                    },

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

Будем весьма благодарны за любые указания по решению этой проблемы.

...