• 数据可视化实现


    数据挖掘:用可视化效果展现你的数据
    http://www.leiphone.com/news/201406/warlial-visualization.html

    国内比较流行的Echarts
    优点,良好的api和配置项手册,使用方便,修改方便,可以满足基本需求
    国外的有d3js。功能强大,案例超多,精细加很酷炫,上手难


    Echarts

    使用方式:
    <!-- 引入 echarts.js -->
    <script src="echarts.min.js"></script>

    如果是地图的项目需要引入相关地图js文件

    <script src="../china.js"></script> 中国地图
    <script src="../jquery-1.7.2.js"></script>
    <script src="../world.js"></script> 世界地图
    各个城市都有地图js

    <body>

    <!-- 为ECharts准备一个具备大小(宽高)的Dom -->

    <div id="main" style=" 800px;height:600px;"></div>


    <script type="text/javascript">
    // 基于准备好的dom,初始化echarts实例

    var myChart = echarts.init(document.getElementById('main'));
    //实例化好myChart对象备用

    .
    .
    .
    .
    复制官方案例在此处
    其中注意事项
    1. app.title 去掉
    2. 数据的获得方式
    1.直接写在index中,可以直接使用,但是文件臃肿,不建议
    2.使用ajax获取本地文件,
    . 3.jsonp使用别的连接数据
    .
    .
    .


    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

    </script>

    深入学习这里有一些例子,可以下载实际操作

    https://github.com/shengxinjing/imooc-echarts


    d3js
    利用原有的例子结构 更换自己的数据 也可以改变结构上的样式和画布大小

    http://www.open-open.com/lib/view/open1387100056093.html

  • 相关阅读:
    搭建一个简单的springMVC框架
    java枚举使用
    java中枚举类型的使用
    java递归算法
    JAVA递归算法及经典递归例子 对于这个汉诺塔问题
    java斐波纳契数列
    要求给一个数值,计算它的阶乘
    AcWing2193 分配问题(二分图最优匹配)
    2020上海大学校赛L 动物森友会(网络流+二分)
    BZOJ2654 tree(wqs二分)
  • 原文地址:https://www.cnblogs.com/wangjie-001/p/6077499.html
Copyright © 2020-2023  润新知