rCharts nvd3 lineWithFocusChart Customization

时间:2015-07-17 15:48:58

标签: javascript r nvd3.js rcharts

我在rCharts上使用nvd3,并想知道是否有办法在lineWithFocusChart上自定义下部取景器图形的轴。 我在下面提供了一个可重现的示例,其中我自定义x和y轴以使逗号分隔数千个位置,但该格式不显示在下部取景器图表上。怎么能解决这个问题?谢谢!

import android.support.v7.internal.widget.TintEditText;

1 个答案:

答案 0 :(得分:2)

我刚刚发现了这一点,因为我正在查看标记为R的未回答的问题。对不起,我错过了。 rCharts已停滞不前,但根据更灵活的htmlwidgets基础架构寻找新版本。我确定这个答案为时已晚,但我已更改模板以允许y2Axis格式化。

# uncomment this to install the fix
#devtools::install_github("timelyportfolio/rCharts")

library(rCharts)
temp <- data.frame(x = 1:2000, y = 1:2000, z = c(rep(1,1000), rep(0,1000)))
g <- nPlot(y ~ x, group = "z", data = temp, type = "lineWithFocusChart")
g$templates$script <- "c:/users/kent.tleavell_nt/dropbox/development/r/rCharts_nvd3_templates/chartWithTitle_styled.html"
g$set(title = "Example")  
g$chart(transitionDuration = -1,
        tooltipContent = "#! function(key, x, y) {
        return 'z: ' + key + '<br/>' + 'x: ' + x + '<br/>' + 'y: ' + y 
        }!#", 
        showLegend = FALSE, margin = list(left = 200, 
                                          right = 100, 
                                          bottom = 100,
                                          top = 100))               
g$xAxis(axisLabel = "x",
        tickFormat = "#!function(x) {return d3.format(',.0f')(x);}!#")
g$yAxis(axisLabel = "y", 
        width = 100,
        tickFormat = "#!function(y) {return d3.format(',.0f')(y);}!#",
        showMaxMin = FALSE)
g$x2Axis(tickFormat = "#!function(x) {return d3.format('1.2s')(x);}!#")

# now we have a new y2Axis function
g$y2Axis(
  tickFormat = "#!function(y) {return d3.format('1.2s')(y);}!#"
)

g