无法让趋势线发挥作用

Question

看看这个小提琴： http://jsfiddle.net/b8e8t/1/

我无法通过拆分JS和HTML来解决问题，所以我只是把它放在HTML窗口中。

加载此小提琴时检查控制台，它将显示2个错误：

Error: Problem parsing d="M0.5,-3.879860269285669e+59L11.599999999999........

违规部分是：

var options = {"title": "User activity","theme": "maximized","width": 1000,"height": 500,"trendlines": "2: {color: 'purple'}"};

具体是趋势线部分。我不能为我的生活弄清楚为什么趋势线不起作用，数据看起来不错。

任何想法？

Answer 1

添加趋势线的语法错误。 trendlines选项是一个对象，而不是字符串。此外，您必须指定趋势线的类型（'linear'或'exponential'）。它应该是这样的：

trendlines: {
    // trendline for the first data series (patients)
    0: {
        type: 'exponential',
        color: 'purple'
    }
}

此外，您应该只使用来自Google加载器的一个回调（不支持多个回调）。创建一个调用绘图函数的函数，并将其作为回调函数传递：

function init () {
    drawChart1();
    drawChart2();
    drawChart3();
}
google.load('visualization', '1.0', {'packages': ['corechart'],'language': 'en', callback: init});

Answer 2

我发现了什么是错的。我使用PHP包装器Chart.php，它从Mysql输出数据作为字符串，而不是整数。将数据转换为int解决了这个问题。显然谷歌图表对数据类型非常吝啬。