Echarts 地图不显示背景

诺灬晓月 发布于 2014/10/17 13:51
阅读 3K+
收藏 0

@Kener-林峰

你好,请问:

我做了一个本地demo是完全没有问题的,代码是网站上的示例代码,

但不明白的是为什么同样的代码,我放到我的java环境里面,却不显示背景了,如图。

代码很简单,也贴上来吧。

<%@ page language="java" pageEncoding="GBK" contentType="text/html;charset=GBK"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
</head>
<body>
    <!--Step:2 Prepare a dom for ECharts which (must) has size (width & hight)-->
    <!--Step:2 为ECharts准备一个具备大小(宽高)的Dom-->
    <div id="mainMap" style="height:500px;border:1px solid #ccc;padding:10px;"></div>
</body>
<!--Step:1 Import echarts-plain.js or echarts-plain-map.js-->
<!--Step:1 引入echarts-plain.js或者 echarts-plain-map.js-->
<script src="/scripts/echarts/echarts-plain-map.js"></script>
<script type="text/javascript">
    // Step:3 echarts & zrender as a Global Interface by the echarts-plain.js.
    // Step:3 echarts和zrender被echarts-plain.js写入为全局接口
    
    // --- 地图 ---
    var myChart2 = echarts.init(document.getElementById('mainMap'));
    myChart2.setOption({
        tooltip : {
            trigger: 'item',
            formatter: '{b}'
        },
        series : [
            {
                name: '中国',
                type: 'map',
                mapType: 'china',
                selectedMode : 'multiple',
                itemStyle:{
                    normal:{label:{show:true}},
                    emphasis:{label:{show:true}}
                },
                data:[
                    {name:'广东',selected:true}
                ]
            }
        ]
    });
    </script>
</html>



加载中
0
Kener-林峰
Kener-林峰
编码 utf-8
zhik
zhik
回复 @诺灬晓月 : 嗯 谢谢~
诺灬晓月
诺灬晓月
回复 @zhik : <script type="text/javascript" language="javascript" src="/scripts/echarts/echarts-plain-map.js" charset="utf-8"></script>
zhik
zhik
回复 @诺灬晓月 : 我也遇到同样的问题,可以把你修改后的代码贴上来看一下吗?谢谢
诺灬晓月
诺灬晓月
charset="utf-8" 因为项目里使用的是GBK的环境,所以我在加载JS的时候引用了这个属性,目前来看问题暂时是解决了,不知道后续有没有别的影响,还待观察,还是先感谢大神的回答
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部