0

我有一堆与 Corechart 包完美配合的图表,但我有一个函数可以在使用 Columnchart 包的谷歌地图中计算海拔,而这个在加载 Corechart 时效果不佳。如果我加载 Columnchart 包,该功能可以正常工作,但我无法直接设置图表。同时加载两个包不会产生好的结果(谷歌都不推荐)。

已加载柱形图:高程正常,图表不正常。 http://preview.tinyurl.com/mf9g9fq

已加载核心图表:海拔不正常,图表正常。 http://preview.tinyurl.com/m59p4wf

我想解决这个问题的唯一方法是编辑我如何构建图表或如何构建“海拔”功能..但经过几个小时我无法让两者都正常工作。

我很感激任何帮助。

4

1 回答 1

1

加载“corechart”包并将 vAxis.minValue 设置为 0 以使高程正确。此外,“宽度”不是 hAxis 的有效子选项。如果您打算将图表设置为 200px 宽,则需要将宽度设置为自己的选项:

var options = {
    width: 200,
    hAxis: {
        title: 'Total: ' + sum + '. Avg.: ' + avg,
        titleTextStyle: {
            color: 'red'
        }
    },
    legend: {
        position: 'none'
    },
    vAxis: {
        minValue: 0
    }
};

此外,您正在从 的“onload”事件中绘制图表<body>,这是一个禁忌。您需要使用来自 google 加载程序的回调处理程序来绘制图表,否则您可能会遇到渲染图表的问题(例如没有任何 hAxis 标签,就像我查看图表时的情况一样)。删除zz();调用initialize并将其添加为加载程序中的回调:

google.load("visualization", "1", {packages: ["corechart"], callback: zz});
于 2013-09-12T19:04:19.363 回答