【问题标题】:Google charts not cooperating with me谷歌图表不与我合作
【发布时间】:2013-08-10 17:08:58
【问题描述】:

我对谷歌图表有一些问题:

  1. 我希望 Y 轴从 0 到 20 并且每 2 个点出现一条网格线:所以我将有 0、2、4、6、8、10、12 等,我是试图用这行代码来实现这一点

    'vAxis':{ title: 'Score',  titleTextStyle: {color: '#27318B'}, 
     maxValue:20,  minValue:0,  gridlines: {count:10, color:'#27318B'} }
    

    但它从 0 开始到 22,5 结束,并且每隔 2,5 显示一条网格线。我不明白这是为什么?

  2. 我希望图形的宽度为 100%,但是当我更改它时(无论是在 html 还是 javascript 中),我总是得到 100% 的宽度,但高度变得如此之小,以至于不再可读,即使指定了高度。 在 jQuery 中

var options = {'width':800, 'height':600}

在 HTML 中

<div id="chart_div" style="width:800; height:300">

【问题讨论】:

    标签: javascript jquery json google-visualization


    【解决方案1】:
    1. 尝试将网格线数增加 1,因为在 0 到 20 之间有 11 个值,步长为 2。

    2. 关于您关于宽度和高度的问题,最好查看您尝试使用的代码,以便我们了解您具体尝试做什么。您希望图形的宽度为 100%,但 100% 是什么?容器还是页面?您是否希望所谓的图表区域(不包括垂直轴和图例)成为容器的 100%?您可以尝试的选项包括(您提供的)容器元素的宽度和高度、顶级的“宽度”和“高度”选项,以及“宽度”和“高度”的“图表区域”选项。

    【讨论】:

    • 1.这对我有用,谢谢! 2. 我在原始问题中添加了代码 sn-p:请注意,我希望将 x 和 y 轴包含在容器的 100% 高度和宽度中
    • 您的容器元素高度仅为 300,而您的图表选项高度更高,为 600。也许删除您的容器元素高度,以便调整它以适应内容。
    猜你喜欢
    • 2013-08-02
    • 1970-01-01
    • 1970-01-01
    • 2021-09-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-03-03
    • 1970-01-01
    相关资源
    最近更新 更多