在谷歌列图表上显示带有文本的网格线

时间:2014-11-26 11:01:03

标签: javascript c# google-visualization

在我的应用程序中,我用谷歌图表替换旧图表

旧图表看起来像这样

enter image description here

我可以使用此参考https://developers.google.com/chart/interactive/docs/gallery/columnchart

轻松创建柱形图

在上面我们可以看到柱形图上的一条粉红线,其值为#34; 2"在顶部。 这是取决于某些条件的网格线。 如果条件为真,那么我必须显示粉红色和&的网格线。它的价值在顶部。

如何使用Google柱形图执行此操作?

1 个答案:

答案 0 :(得分:0)

我仍然在R中掌握这些图表(通过googleVis)。

1)我可以建议的可能路线 - 使用注释文字 这可能有助于确定哪些条很重要,请查看 @mages 关于using roles的优秀示例。

参见 mages 销售示例(我意识到这是针对R的 - 它只是为了帮助您在上面显示图表的网页链接上找到示例):

dat <- data.frame(Year=2010:2013, 
                  Sales=c(600, 1500, 800, 1000),
                  Sales.annotation=c('First year', NA, NA, 'Last Year'),
                  Sales.annotationText=c('$600K in our first year!',
                                       NA,
                                       NA,
                                       '$1M in sales last year.'))      

plot(
  gvisLineChart(dat, xvar='Year', 
                  yvar=c('Sales',
                         'Sales.annotation',
                         'Sales.annotationText'),
                         options=list(annotations = "{style:'line'}")
  )
)

在该页面上,您将看到线条的突出显示方式。你可以用它 触发条件来创建一个包含所需文本的向量,例如: (&#34;触发标志&#34;,NA,NA,NA)然后用作注释文本。

2)另一种选择是在行/列上使用强调确定性来更改依赖于此条件的格式。

请参阅 mages R代码。

dat <- data.frame(Year=2010:2013,
                  Sales=c(600, 1500, 800, 1000),
                  Sales.html.tooltip=c('$600K in our first year!',
                                       'Sunspot activity made this our best year ever!',
                                       '$800K in 2012.',
                                       '$1M in sales last year.'),
                  Sales.certainty=c(TRUE, FALSE, TRUE, FALSE))
plot(
  gvisColumnChart(dat, xvar='Year', 
                  yvar=c('Sales', 'Sales.certainty')
  )
)

不是你想要的(也不是正确的语言!),但标记了探索的选项(并帮助他人)。