rcharts NVD3 lineChart中的绘图区域

Posted 2023-02-14

【中文标题】rcharts NVD3 lineChart中的绘图区域

【英文标题】：Plot area in rcharts NVD3 lineChart

【发布时间】：2015-05-27 18:52:03

【问题描述】：

我想使用http://nvd3.org/examples/line.html 中的 area=true 选项使用 rCharts 的 NVD3 lineChart 图绘制不同人群的分布情况。

这是我的工作：

require(devtools)
install_github('ramnathv/rCharts')
require(rCharts)

df<-data.frame(X=rep(1:4,2),Y=1:8,fil=c(rep("A",4),rep("B",4)))

denp <- nPlot(Y ~ X, group = 'fil', data = df, type = 'lineChart')
denp$chart(color =c('#ff7f0e', 'blue', 'green'))
denp$yAxis(axisLabel= 'Density')
denp$xAxis(axisLabel= 'Value')
denp$chart(margin = list(left=80,bottom=80))
denp$yAxis(tickFormat = "#!function (x,y,e)  return !#")
denp$xAxis(tickFormat = "#!function (x,y,e)  
tickformat = ['0,01','0,1',1,10,100,1000,10000,'100k'];
return tickformat[x+2];!#")
denp$chart(tooltipContent = "#! function(key, val, e, graph)
return '<h3>' + '<font color=blue>'+ key +'</font>'+ '</h3>' + '<p>'+ val  !#")

denp

我发现的问题是我无法将 area 参数切换为 true。 我试过了：

denp$chart(area=TRUE)
denp$chart(area=c(TRUE,TRUE,TRUE))
denp$chart(area=c('true'))
denp$chart(area=c('true','true','true'))
denp$chart(area=c('#!true!#'))
denp$chart(area=c('#!true!#','#!true!#','#!true!#'))

所有的结果都是一个空白图。 有没有办法在 rCharts 中为这种类型的图表使用 area 选项，或者它目前超出了图书馆的范围吗？

【参考方案1】：

将类型更改为'stackedAreaChart'

这就是你所追求的吗？

denp <- nPlot(Y ~ X, group = 'fil', data = df, type = 'stackedAreaChart')
denp$chart(color =c('#ff7f0e', 'blue', 'green'))
denp$yAxis(axisLabel= 'Density')
denp$xAxis(axisLabel= 'Value')
denp$chart(margin = list(left=80,bottom=80))
denp$yAxis(tickFormat = "#!function (x,y,e)  return !#")
denp$xAxis(tickFormat = "#!function (x,y,e)  
tickformat = ['0,01','0,1',1,10,100,1000,10000,'100k'];
return tickformat[x+2];!#")
denp$chart(tooltipContent = "#! function(key, val, e, graph)
return '<h3>' + '<font color=blue>'+ key +'</font>'+ '</h3>' + '<p>'+ val  !#")

denp

如果您想组合图表类型（如您链接到的示例中），您必须使用 type = 'multiChart' 查看示例 here

【讨论】：

我正在寻找的是一个折线图，其中一条线的区域被填充，而另一条线没有。 “stackedAreaChart”适用于堆叠时间序列，即按段销售产品，当需要两个 y 轴时使用“multiChart”，即随时间推移的价格和销售额。就我而言，我希望两条线都使用相同的 y 轴，并且不需要数量来在另一条线上添加一个。

【参考方案2】：

这大致是您要找的吗？

我通过添加行来实现这一点

denp$chart(isArea=TRUE)

到您的代码。看起来将 area boolean 设置为 true 的函数称为 isArea (documentation)。

【讨论】：

它更接近我正在寻找的东西。但是，我希望其中一个组是一个区域，另一个是一条线。我无法根据组将 isArea 设置为 TRUE 或 FALSE。

【参考方案3】：

您可以按照@seaotternerd 的建议使用isArea 函数，并使用自定义javascript 函数专门设置您想要设置为true 的区域参数。

例如，使用：

denp$chart(isArea="#! function(d) 
           if(d.key=='A') return true;
            !#")

这里d是数据。

你得到：

【讨论】：

这就是我要找的。 Tahnks，我不确定是否可以在 isArea 中使用函数。