Geochart列

时间:2016-05-27 16:15:58

标签: javascript html

我一直在为GeoChart工作。基本上我们打破了NE的每个县。因此,在悬停时,我们希望显示每个县的不同数据信息。但是,每次我尝试添加另一组信息时,都会收到消息:

"不兼容的数据表:错误:表包含的列数超出预期(期望3列)"

所以我想知道如何添加更多列,还是有另一种方法可以做到这一点。

基本上每个县都有7条不同的数据信息

我只是增加几个县,但计划是使用NE的所有90个县。

以下是实况页面:www.nefb.org/tpp



    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
            <script type="text/javascript">
                    	google.load('visualization', '1', {
                    		packages: ['geochart'],
                    		callback: drawVisualization
                });
                
                var list;
                function drawVisualization() {
                var data = google.visualization.arrayToDataTable([
                ['Country', 'Pork', 'Cattle'],
                    [{v: "NE-01",f: "Adams"}, 215726, 2234215], /** Adams **/
                    [{v: "NE-02",f: "Antelope"}, 2573422, 3011952], /** Antelope **/
                    [{v: "NE-03",f: "Arthur"}, 0, 0], /** Arthur **/
                    [{v: "NE-04",f: "Banner"}, 0, 1301768], /** Banner **/
                    [{v: "NE-05",f: "Blaine"}, 0, 429964], /** Blaine **/
                    [{v: "NE-06",f: "Boone"}, 3364104, 2797416], /** Boone **/
                    [{v: "NE-07",f: "Box Butte"}, 922, 1941744], /** Box Butte **/
    ]);
                    		google.visualization.GeoChart.setMapsSource('http://chrisdblumberg.com/maps')
                    		var geochart = new google.visualization.GeoChart(
                    		document.getElementById('visualization'));
                    		geochart.draw(data, {
                    			height: 400,
                    			region: 'US-NE',
                    			resolution: 'provinces',
                    			legend: 'null',
                    			enableRegionInteractivity: 'true',
                    			colorAxis: {
                    				colors: ['#F5F0E1', '#F5F0E1'], /**'#c0a940', **/
                    			},
                    		});
                    	}
</script>
    
&#13;
 <script src="//www.google.com/jsapi"></script>
 <div id="visualization" style="max-width: 640px; width: 100%; position: absolute;">&nbsp;</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案