javascript - 谷歌折线图 - 未知线问题

Question

我正在尝试生成一个多色折线图，请参阅jsfiddle 代码 Google 图表生成的图表显示了三条直线（红色、绿色和蓝色），它们根本不应该是图表的一部分。见附图

当我渲染单个颜色的图表时，在这种情况下，图表很好，但是当我将它们组合在一起时，在这种情况下，人们可以看到这些直线突然出现。

这是代码片段，请参阅 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);
        }

任何解决此问题的指导将不胜感激。

标签： javascriptchartsgoogle-visualizationlinechart