请选择 进入手机版 | 继续访问电脑版

数据可视化--实验一:可视化开发环境及搭建

[复制链接]
暖男先生 发表于 2021-1-3 09:54:02 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
数据可视化–实验一:可视化开辟情况及搭建


文章目次



概要



  • 学院:盘算机科学与技能学院
  • 实验日期:2020-10-13
  • 实验目的: 掌握并安装常用的可视化工具
  • 实验内容:从以下几类工具中选择3种,分别实现一个小案例的绘制:

    • 编程类工具:D3.js、Echarts.js、pyecharts(Python)、 Processing、 R(至少选两种)
    • 交互式工具:Tableau、penRefine(至多选一种)
    • 数据任选

实验过程

本次实验选择编程类工具Echarts.jspyecharts,交互式工具Tableau
Echarts.js



  • 使用WebStorm新建Nodejs项目,并使用npm安装Echarts.js和Webpack
  • 在app.js文件中编写逻辑代码,在index.html文件中编写样式代码。
    app.js代码如下
  1. /** * @name        app.js * @author      F * @Time        2020/10/13 18:49 * @description 数据可视化实验一:Echarts.js使用示例 */var echarts = require('echarts');// 基于准备好的dom,初始化echarts实例var myChart = echarts.init(document.getElementById('main'));// 绘制图表myChart.setOption({    title: {        text: '数据可视化实验一'    },    tooltip: {},    xAxis: {        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']    },    yAxis: {},    series: [{        name: '销量',        type: 'bar',        data: [15, 20, 36, 10, 10, 20]    }]});
复制代码
index.html代码如下
  1.         数据可视化实验一
复制代码


  • 举行webpack之后在欣赏器中打开index.html,效果如下:

Echarts.js样例实验完成。
pyecharts



  • 在Pycharm中新建Python项目,并使用pip安装pyecharts
  • 在main.py文件中编写逻辑代码,代码如下
  1. #!/usr/bin/env python# coding:utf-8"""Name    : main.pyAuthor  : FTime    : 2020/10/13 20:47Desc    : 数据可视化实验一:pyecharts使用实例"""from pyecharts.charts import Barbar = Bar()bar.add_xaxis(["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"])bar.add_yaxis('数据可视化实验一', [5, 20, 36, 10, 75, 90])# render 会生资本地 HTML 文件,默认会在当前目次生成 render.html 文件# 也可以传入路径参数,如 bar.render("mycharts.html")bar.render()
复制代码


  • 运行main.py文件,然后在欣赏器中打开render.html文件,效果如下

pyecharts样例实验完成。
Tableau



  • 打开Tableau中自带数据源Sample - Superstore
  • 选择此中元素举行可视化利用
  • 效果如下

数据可视化–实验一:可视化开辟情况及搭建实验完成,三项实验效果均符合要求,实验乐成。

来源:https://blog.csdn.net/BlingblingFu/article/details/112062002
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )