图表的核心图和功能的柱状图 - 同时?

时间:2013-09-12 14:00:11

标签: google-visualization

我有一堆与Corechart软件包完美配合的图表,但我有一个在Google Maps中使用Columnchart软件包来计算高程的函数,这个在加载Corechart时效果不佳。如果我加载Columnchart包,该功能正常,但我无法设置图表笔直。同时加载这两个包并不会产生良好的效果(Google建议不要这样做)。

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

加载Corechart:海拔不正常,图表确定。 http://preview.tinyurl.com/m59p4wf

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

我感谢任何帮助。

1 个答案:

答案 0 :(得分: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
    }
};

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

google.load("visualization", "1", {packages: ["corechart"], callback: zz});