无法让趋势线工作

Can't get trendlines to work

本文关键字:工作 趋势线      更新时间:2023-09-26

看看这个小提琴: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'}"};

特别是趋势线部分。我无法弄清楚为什么趋势线不起作用,数据对我来说看起来不错。

一个想法?

添加趋势线的语法是错误的。 trendlines选项是一个对象,而不是一个字符串。 此外,还必须指定趋势线的类型('linear''exponential')。 它应该看起来像这样:

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

此外,您应该只使用来自谷歌加载器的一个回调(不支持多个回调)。 创建一个调用绘制函数的函数,并将其作为回调传递:

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

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