四时宝库

程序员的知识宝库

互联网服务对接—用 FileMaker 开发数据可视化分析(下)

在上一篇中,小飞介绍了如何在 FileMaker 中添加一个 ECharts 图表。今天,我会继续分享如何通过多个 ECharts 图表来组建一个 Dashboard 数据可视化仪表盘。

在之前的系统中,有很多非常详细的表格式报表功能。这些报表大多是提供给运营人员做运营数据核对和统计之用,并没有充分发挥给管理者提供运营分析的作用。而由多种图表组成的 Dashboard 则可以让管理者随时随地快速了解企业运营状况。

案例下载:https://pan.baidu.com/s/1kWqeDcN 密码: gxww

大数据可视化大屏设计经验,教给你

大数据产业正在用一个超乎我们想象的速度蓬勃发展,大数据时代的来临,越来越多的公司开始意识到数据资源的管理和运用,大数据可视化大屏展示被更多的企业青睐,身为UI设计师的我们,也要紧跟时代的步伐学习这方面的设计。

今天要跟大家分享我一年多设计大数据可视化大屏的经验和观点,下面从UI设计、交互设计、动效设计三个方面来分享。

一、UI设计

设计大屏一样要谨记要以展示数据为核心,在任何炫酷屌炸天表现都要建立在不影响数据的有效展示上!

3、echarts3.x 与 echarts2.x 的区别(必会)

echarts2.x 是通用的版本。 echarts2.x 版本的文档实例比 echarts3.x 版本的文档实例要好,更加清晰,更加容易理解。 echarts2.x 版本做的图表更炫酷。 echarts2.x 代表的是现在,而 echarts3.x 代表的是未来。 echarts3.x 对 echarts 的引用更灵活,更简单,方便。

ECharts|一分钟教你如何制作炫酷的动态图表

在这个数据可视化时代,很多时候你需要从不同侧面去反映数据,因此动态图表必不可少。那么接下来石榴就教你如何用ECharts做出高大上的动态图表。

首先打开ECharts官网,点击首页右上角的[2.0]。进入ECharts2.0首页后点击[实例]下的[入门教程]。

进入入门教程后一定要选择[标签式单文件引入]然后把第三个框架里的内容复制到新建的文本文档中。

echarts 解决浮窗被遮挡(echart设置悬浮文字)

问题:

echarts tooltip 超出外部容器后被遮挡。如图:

解决:

2分钟上手、3小时学会无代码软件开发---Echarts数据可视化

1、引入 ECharts.min.js 库文件

  • 引入方式一:用 script 标签在页面头问Matadata信息中引入JS库文件地址(可联网项目)
  • 引入方式二:库文件放于项目文件夹(本地部署项目及联网项目均可以)


2、图表JS内容生成

  • 参考官方文档 处理JS文本
  • 用模板传值生成JS文本并运行(模板传值让参考可以按需变动)

Echarts的tooltip显示自定义格式化解决方案

前言

今天甲方爸爸提出了要求,需要把图表显示的数据保留百分数的小数点后一位。实际上这个显示的问题之前在后台处理数据的时候就处理过,当时是没有保留小数的。后来要求保留小数点后一位就在后台处理了,谁知道,在前台展示的时候,莫名的出现小数点后十几位数,只能在前台通过JS再处理一遍了。

series 格式化

利用百度Echarts做的统计图(echarts图表绘制步骤)

最近在项目中用到了百度Echarts,觉得挺好用了的,直观。现在想分享出来,想学习的朋友可以去官网看下文档:

1.饼状图:

2.柱状图:

3.折线图

下面贴一下核心代码,数据是Ajax请求的json格式数据:

马车日记 292(马车ds)

今天出门更晚了,老婆昨晚忙到一点多,地铁上写完日记发现知乎上一条评论,关于孝顺那篇文章,有人留言可以在寒假作业里转载吗?我竟有些意外,不过一会儿时间我就不在意了,毕竟我也没想着靠写文章从外界获取鼓励。

今天只要工作,是把产量对比模块做好,一共有三个模块,其中有两个比较相似,第一个是大欣相关,相对独立一些,开始看的bzecharts,后来发现这是袜机上使用的插件,云看板上用的是echarts,不过图标差不多都是相通的,只是在文档上有些差异,开始时觉得echarts文档不方便查看,后面需要查找一些属性字段时,熟悉之后觉得还是挺方便的。

百度 ECharts 4.0.2 正式发布(百度 echart插件)


?认识 ECharts

  • http://echarts.baidu.com/

  • https://github.com/ecomfe/echarts


???ECharts,缩写来自 Enterprise Charts,是百度的一个开源的数据可视化工具,一个纯 JavaScript的图表库,能够在 PC 端和移动设备上流畅运行,兼容当前绝大部分浏览器(IE8/9/10/11,chrome,firefox,Safari等),底层依赖轻量级的 Canvas 库 ZRender,ECharts 提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接