可以隐藏部分标签谷歌图表

时间:2013-07-12 08:04:41

标签: google-visualization labels

  1. 我想在X轴上隐藏几个标签,前2个和后2个。
  2. 我想禁用图表底部的黑线。
  3. 我可以在加载图表后执行此操作 - 使用javascript并动态更改它。当我添加新数据并使用draw方法时,Graph会覆盖我的动态样式表更改。我试图将其设置为图形初始化程序中的一个选项,但我找不到解决方案。

    我使用areaChart。

    3年前。我不再需要它了。我要把这个问题留给别人了。

2 个答案:

答案 0 :(得分:1)

有点难以理解你想要做什么,但我想我明白了。

在我阅读它时,您想在绘制图表时从DataTable中删除两个变量(以防止它们出现在图例中)?假设是这种情况,您可以将它们从数据表中取出,或者在对象上使用ChartWrapper,并将view:{columns:[x,y,z]}选项设置为ChartWrapper。假设您无法更改DataTable,或者ChartWrapper不是一个选项,并且您只是希望某些绘制的对象不会出现在图表中但不会出现在图例中,则需要设置series选项。例如,假设DataTable中有三列,您可以将第三项隐藏为:

series: [{visibleInLegend:true}, {visibleInLegend:true}, {visibleInLegend:false}],

其次,如果要隐藏水平轴,则需要连续数据,并将hAxis.baselineColor设置为'clear'

答案 1 :(得分:0)

要隐藏部分刻度标记,请使用ticks: ticklist 标记轴,对于刻度列表中的某些标签,请使用{v: ,f: 标签 }结构定义,标签为零长度字符串。

这是一个例子。请注意每个垂直轴上某些刻度的省略标签。查看来源以了解我是如何做到的:

http://www.sealevel.info/co2_and_ch4c.html

请注意刻度表定义。这个用于左纵轴:

var vticklist1 = [{v:235,f:''},{v:250,f:''},275,300,325,350,375,400,{v:425,f:'ppmv'}];

第一个&第二个刻度(在底部,对于值235和250)不显示任何标签。接下来的六个刻度,值275-400,正常显示。最后一个(顶部)刻度显示为“ppmv”而不是425.结果如下所示:

vertical axis with some tick labels hidden