google-visualization - 如何使用Google图表绘制折线图

标签 google-visualization

为什么该线在 y 轴上从 100 开始,任何人都可以解决我的问题吗?

代码:

<img src="http://chart.apis.google.com/chart?
chs=500x200
&amp;chd=t:533,100,423,200|179,50
&amp;cht=lc
&amp;chxt=x,y
&amp;chxl=0:|JAN|FEB|MAR|APR|MAY|JUNE|JULY|AUG|SEP|OCT|NOV|DEC|
1:||20|40|60|80|100
&amp;chco=FF9900,FF0000,0000FF"
alt="Sample chart" />

如果我更改 y 轴值,该线将位于 1000!

1:||200|400|600|800|1000

我怎样才能得到533这个起点?

谢谢

最佳答案

轴 1 是左侧 y 轴,使用 chxl 参数您已指定标签 0、20、40、60、80 和 100。

您可以将最高值更改为 533,但我认为这看起来很奇怪。

要认识到标签的工作独立于值。您更改 scale of your data using the chds parameter .

所以我认为您应该在 Y 轴标签上指定一个舍入值(例如 600)并缩放数据以匹配。

试试这个:

<img src="http://chart.apis.google.com/chart?
chs=500x200
&amp;chd=t:533,100,423,200|179,50
&amp;chds=0,600
&amp;cht=lc
&amp;chxt=x,y
&amp;chxl=0:|JAN|FEB|MAR|APR|MAY|JUNE|JULY|AUG|SEP|OCT|NOV|DEC|
1:|0|300|600
&amp;chco=FF9900,FF0000,0000FF"
alt="Sample chart" />

Graph

关于google-visualization - 如何使用Google图表绘制折线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/672960/

相关文章:

javascript - Google Chart 如何将变量传递给 DataView 计算列函数?

javascript - Svg 线未显示在谷歌图表上?

javascript - 如何使用谷歌图表更改条形和线条上的注释位置

Javascript,可以检查 HTML &lt;script&gt; 标签中是否存在函数吗?

javascript - 将 Google Charts 中的日期时间数据更改为 24 小时格式

javascript - 谷歌可视化折线图删除水平网格线

javascript - 如何使用 jersey/jackson 生成多种类型的 json 数组

google-visualization - 在Google Geocharts中的整个区域显示文本

javascript - 重置图表,API 可视化谷歌地球

javascript - 在 Laravel5.0 中将 google chart 与 mysql 数据库中的数据集成