OBIEE分析开发-使用Echarts展现地图1

orientlight

墨衍会员 · AI 创作全网分发码龄15年

关注

原创最新推荐文章于 2025-06-23 15:21:17 发布 1k 阅读 AI 写同款· GEO 优化 ›

BIEE 11G引入Echarts3.2.3学习总结由于BIEE自带的图表不够美观灵活，所以引入Echarts图表库更好的实现数据可视化。一部署Echarts 二用叙述加载图形阅读详情

1.部署Web应用程序

2.添加资源

\analyticsRes\echarts
                    \echarts.min.js
                    \map
                        \china.js

3.创建分析，添加叙述视图

<!-- 前缀 -->

<head>
    <meta charset="utf-8">
</head>

<body style="height: 100%; margin: 0">
    <div id="container" style="height: 100%"></div>
    <script type="text/javascript" src="/analyticsRes/echarts/echarts.min.js"></script>
    <script src="/analyticsRes/echarts/map/china.js"></script>
    <div id="main" style="width: 1000px;height:600px;"></div>


<!-- 后缀 -->
    <script>
    var chart = echarts.init(document.getElementById('main'));
    chart.setOption({
        series: [{
            type: 'map',
            map: 'china',
            selectedMode: 'multiple',
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true
                }
            }

        }]
    });
    </script>
</body>