Google折线图-未知线问题

时间:2019-07-09 15:22:35

标签: javascript charts google-visualization linechart

我正在尝试生成多色折线图,请参考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);
        }

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

0 个答案:

没有答案