echarts力导向图的前后台交互（ajax+json+struts）

最新推荐文章于 2022-09-20 17:14:27 发布

VIP文章 Ezrealmore

最新推荐文章于 2022-09-20 17:14:27 发布

阅读量4k

点赞数 4

本文为博主原创文章，转载时请注明出处链接。

本文链接：https://blog.csdn.net/lk7688535/article/details/51833761

版权

目标：用百度研发的echarts数据可视化插件做个关系图

环境：myeclipse+echarts3.0+struts2

html代码

<!DOCTYPE html>
<html>
<header>
    <meta charset="utf-8">
    <!-- 引入 ECharts 文件 -->
    <script src="echarts.min.js"></script>
    <script src="jquery.js"></script>
</header>
<body>
<!-- 为 ECharts 准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 1000px;height:800px;"></div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    option = {
        title: {
            text: 'Graph 简单示例'
        },
        tooltip: {},
        animationDurationUpdate: 1500,
        animationEasingUpdate: 'quinticInOut',
        series : [
            {
                type: 'graph',
                layout: 'force',
                symbolSize: 50,
                roam: true,
                label: {
                    normal: {
                        show: true
                    }
                },
                symbol:'circle',
                force:{repulsion: 2000},
                categories : [
                    {
                        name: '人物'
                    },
                    {
                        name: '家人'
                    },
                    {
                        name:'朋友'
                    }

最低0.47元/天解锁文章

Ezrealmore

关注

4
点赞
踩
6

收藏

觉得还不错? 一键收藏
5
评论
echarts力导向图的前后台交互（ajax+json+struts）

目标：用百度研发的echarts数据可视化插件做个关系图环境：myeclipse+echarts3.0+struts2html代码<!DOCTYPE html><html><header> <meta charset="utf-8">  <script src="echarts.min.js"></script> <sc
复制链接

扫一扫