1 数据库sql查询的数据
2 最终echarts画出来的图
3 代码如下
计算主方法方法
/**
* echarts算时间轴代码(算流量的代码),这里的时间间隔为5秒钟,一分钟的流量,totalSize = 12
* ebuStreamList 为EbuStream的集合, EbuStream的属性有totalStream,time...
分类:
其他好文 时间:
2016-05-13 03:31:19
阅读次数:
663
横坐标为斜着的代码axisLabel:
{rotate: 60 , interval: 0 }
1.报表的用法:
柱形图:lineEcharts
Chart:
echartsData:
JSP:
script src="${ctxStatic}/echarts/dist/echarts.js">script>
script type="text...
分类:
其他好文 时间:
2016-05-12 14:05:51
阅读次数:
530
简介 ECharts,缩写来自Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器(IE6/7/8/9 /10/11,chrome,firefox,Safari等),底层依赖轻量级的Canvas类库ZRend ...
分类:
其他好文 时间:
2016-05-11 22:03:47
阅读次数:
2647
在项目网站的网页中,有这样一幅图: 心血来潮,想使用百度Echarts来绘制一下,可是没能绘制得完全一样,Echarts饼状图的label不能在图形下面放成一行,最后的效果是这样子的: 鼠标移动到items上,可动态显示百分比: 另外,还了解到了一种特殊的饼状图:南丁格尔图,就是用扇形半径的大小来表 ...
分类:
其他好文 时间:
2016-05-11 01:28:15
阅读次数:
864
由于客户要求必须在IE浏览器下兼容图表,故选用了兼容性较好的Highcharts。另外说一句,博主尝试过ichartjs、ECharts、YUI,兼容性都没有Highcharts给力(所有的兼容性问题都出现在IE上)。 1.环境 IE8 Highcharts-4.2.3 jquery-1.8.3 2 ...
分类:
其他好文 时间:
2016-05-05 14:44:03
阅读次数:
558
@{ Layout = null;} <!DOCTYPE html> <html><head> <meta name="viewport" content="width=device-width" /> <script src="~/Scripts/jquery-1.10.2.js"></scrip ...
分类:
其他好文 时间:
2016-05-03 12:06:46
阅读次数:
160
现在主流的很多jquery+js结合的图表展示插件,有HighCharts,ECharts等等,今天我们先来了解一下FusionCharts,也是一个非常不错的图表制作工具。希望我的同事以及其他需要帮助的朋友能够有所收获。
一、简介
Ø FusionCharts 是InfoSoft Global 公司的一个产品,InfoSoft Global 公司是专业的Flash 图形方案提供商...
分类:
其他好文 时间:
2016-04-29 16:34:39
阅读次数:
202
ECharts使用心得
前言
上周项目组要临时给客户做一个演示的原型,首页设计的是一个中国地图,本来打算用谷歌的地图,但是,做出来之后,整体的效果看起来太差了,最后就在网上搜相关的地图呈现的控件,然后就找到了这个ECharts报表呈现组件,挺不错的一个组件,而且地图数据都是离线的,真心很赞。但是,使用起来却颇费了一番工夫。所以就把使用中的一些心得体会跟大家分享一下。
1. ...
分类:
其他好文 时间:
2016-04-29 15:56:30
阅读次数:
259
前段时间项目中要做一个根据数据生成折线图的功能,并5分钟刷新一次,进行数据更新。由于之前是用echarts来进行中国地图展现的,所有这次也用echarts进行图形展示。 项目目录如下图所示: 1.pom.xml文件 1 <project xmlns="http://maven.apache.org/ ...
分类:
编程语言 时间:
2016-04-26 00:18:51
阅读次数:
266