Javascript Amcharts-计算与分析;绘图变化率

Javascript Amcharts-计算与分析;绘图变化率,javascript,amcharts,Javascript,Amcharts,在折线图上有一组值,如下所示 这些数据跨越数年。上图中的输出来自数据库的SQL查询。我面临的挑战是在同一个图表上表示实际的页面点击数和增长率 我已经把点击数绘制成一个柱形图,点击数是左手边的Y轴。我在前面创建了一个多行图表&行和列的组合。因此,我们也可以为此创建一个。但是,有没有一种方法可以让amcharts计算变化率,而不必将其提取为SQL查询的另一个字段 我想看到amcharts在右边沿Y轴绘制变化率的折线图。我们也非常赞赏处理这一问题的任何其他想法 谜题的剩余部分 在上图中,“事件”和“事

在折线图上有一组值,如下所示

这些数据跨越数年。上图中的输出来自数据库的SQL查询。我面临的挑战是在同一个图表上表示实际的页面点击数和增长率

我已经把点击数绘制成一个柱形图,点击数是左手边的Y轴。我在前面创建了一个多行图表&行和列的组合。因此,我们也可以为此创建一个。但是,有没有一种方法可以让amcharts计算变化率,而不必将其提取为SQL查询的另一个字段

我想看到amcharts在右边沿Y轴绘制变化率的折线图。我们也非常赞赏处理这一问题的任何其他想法

谜题的剩余部分

在上图中,“事件”和“事件增长率”都显示相同的值。我如何才能让“事件增长率”实际显示百分比变化(根据所附图片为69%)而不是值


以上输出来自firebug跟踪。如图所示,两个图形在两个不同的值轴上具有相同的“值”绘图,其中一个已启用百分比。

您可以为此创建单独的图形和值轴。值轴具有一个属性,当设置为
true
时,该属性将重新计算绝对值,以百分比为单位进行更改

因此,您将有一个像现在这样的常规图形,以及一个单独的图形/值轴来显示动态

我认为最好用一个工作示例来说明这一点:

var chart=AmCharts.makeChart(“chartdiv”{
“类型”:“串行”,
“主题”:“光”,
“数据日期格式”:“YYYY-MM-DD”,
“价值轴”:[{
“id”:“v1”,
“位置”:“左”,
“最小值”:0,
“最大值”:100
}, {
“id”:“v2”,
“gridAlpha”:0,
“位置”:“左”,
“补偿”:60,
“百分比”:真
}],
“图表”:[{
“id”:“g1”,
“子弹”:“圆形”,
“线宽”:2,
“标题”:“绝对值”,
“valueField”:“value”,
“valueAxis”:“v1”
}, {
“id”:“g1”,
“子弹”:“圆形”,
“线宽”:2,
“标题”:“更改值”,
“valueField”:“value”,
“valueAxis”:“v2”,
“showBalloon”:错误
}],
“传奇”:{
“valueText”:”
},
“图表光标”:{
“valueLineEnabled”:true,
“ValueLineBalloodEnabled”:true,
“cursorAlpha”:1,
“cursorColor”:“258cbb”,
“极限图”:“g1”,
“valueLineAlpha”:0.2
},
“类别字段”:“日期”,
“分类法”:{
“parseDates”:true
},
“数据提供者”:[{
“日期”:“2013-01-02”,
“价值”:67
}, {
“日期”:“2013-01-03”,
“价值”:64
}, {
“日期”:“2013-01-04”,
“价值”:66
}, {
“日期”:“2013-01-05”,
“价值”:60
}, {
“日期”:“2013-01-06”,
“价值”:63
}, {
“日期”:“2013-01-07”,
“价值”:61
}, {
“日期”:“2013-01-08”,
“价值”:60
}, {
“日期”:“2013-01-09”,
“价值”:65
}, {
“日期”:“2013-01-10”,
“价值”:75
}, {
“日期”:“2013-01-11”,
“价值”:77
}, {
“日期”:“2013-01-12”,
“价值”:78
}, {
“日期”:“2013-01-13”,
“价值”:70
}, {
“日期”:“2013-01-14”,
“价值”:70
}, {
“日期”:“2013-01-15”,
“价值”:73
}, {
“日期”:“2013-01-16”,
“价值”:71
}, {
“日期”:“2013-01-17”,
“价值”:74
}, {
“日期”:“2013-01-18”,
“价值”:78
}, {
“日期”:“2013-01-19”,
“价值”:85
}, {
“日期”:“2013-01-20”,
“价值”:82
}, {
“日期”:“2013-01-21”,
“价值”:83
}, {
“日期”:“2013-01-22”,
“价值”:88
}, {
“日期”:“2013-01-23”,
“价值”:85
}, {
“日期”:“2013-01-24”,
“价值”:85
}, {
“日期”:“2013-01-25”,
“价值”:80
}, {
“日期”:“2013-01-26”,
“价值”:87
}, {
“日期”:“2013-01-27”,
“价值”:84
}, {
“日期”:“2013-01-28”,
“价值”:83
}, {
“日期”:“2013-01-29”,
“价值”:84
}, {
“日期”:“2013-01-30”,
“价值”:81
}]
});


谢谢你,Martyna。只是一个观察-整个图形的变化率是相对于图形中的第一个点。是否有可能获得相对于前一点而不是第一点的变化率?没有这样的内置功能。然而,这可以通过预处理数据来实现。我会用这个选项更新我的答案。我还有最后一个问题要解决。我已经更新了标题为“谜题的剩余部分”下的问题。你能帮我弄清楚吗?我的例子将数据重新计算为绝对值,所以它应该显示在图例中。你能和我分享一下你当前的图表代码吗?非常感谢Martyna。我必须绘制图形的代码不是直截了当的。这和你的例子不一样。有许多函数可以读取一个值数组,并将其解析为一个图形对象,然后进行绘图。因此,我用“Valueaxes”的屏幕截图更新了这个问题&两个有问题的图表(显示原始数据的图表&应该显示百分比变化的图表)。这些对你有帮助吗?