一、简介 ECharts是一个来自百度的开源的javascript图标库。通过ECharts我们可以呈现出多种类型的图表。ECharts底层基于ZRender(一个全新的轻量级canvas类库),创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图、柱状图、散点图、K线图、饼图、雷达.....
分类:
其他好文 时间:
2015-05-11 17:21:14
阅读次数:
901
用Jpgraph,只要了解它的一些内置函数,可以轻松得画出折线图、柱形图、饼状图等图表。
首先要保证PHP打开了Gd2的扩展:
打开PHP.ini,定位到extension=php_gd2.dll,把前面的分号删掉。
然后下载Jpgraph,http://www.aditus.nu/jpgraph/,解压到一个文件夹中。如 d:\wamp\www\jpgr...
分类:
Web程序 时间:
2015-05-08 15:01:43
阅读次数:
165
折线图的实现分为下边几个步骤: 1、第一步:数据的准备 XYMultipleSeriesDataset mDataset = new XYMultipleSeriesDataset(); XYSeries series1 = new XYSeries("第一条线"); ...
分类:
移动开发 时间:
2015-05-06 19:32:10
阅读次数:
147
上面的开启折线绘图只是给大家一个案例,具体效果大家依照自己需要开发。
这里只简单解释一下,折线图原理。
其实这里我们只是利用了画笔画线的原理,每当我们接收到一个新的绘制点时,我们移动之前已经存在的所有点,并把重新他们连接在一起,并把它们重新绘制出来...
分类:
移动开发 时间:
2015-05-06 13:21:15
阅读次数:
346
1、AChartEngine 简介AChartEngine是为Android应用而设计的绘图工具库。可用于绘制多种图表,我使用的是achartengine-1.1.0.jar。ChartEngine支持的图表类型:折线图、区域图、散点图、时间图、柱状图、饼状图、气泡式图表、环形图、高低交替图等。以上...
分类:
移动开发 时间:
2015-05-05 13:58:30
阅读次数:
124
Chart.js是一个 Open Source 的 JavaScript Chart Library。它一共有 6 中 Chart,全都是 HTML5 based。底下是 Chart.js 所提供的 6 中 Charts的实例图形,包括了折线图、柱形图、圆饼图等,这样很容易在html网页中实现动态图...
分类:
Web程序 时间:
2015-05-05 10:22:20
阅读次数:
147
ExtJs在ExtJs4之后,包含4则推出了图表功能,虽然图表功能可以通过其余JQuery插件实现,例如《【jQuery】兼容IE6的图表插件Highcharts》(点击打开链接),但是这个ExtJs的图表插件也很优秀,至少一些常见的图表也是不虚的。
一、基本目标
画出如下的折现图:
二、制作过程
首先,ExtJs绘制图表的项目,与《【ExtJs】与后台数据库交互的...
分类:
Web程序 时间:
2015-05-03 13:27:27
阅读次数:
214
ExtJs饼状图没有《【ExtJs】柱状图,改变每条柱子的颜色》(点击打开链接)这么难做,因为其每块拼饼的颜色都是天生不同的,不用自己写渲染器。关键是做好动画效果。
一、基本目标
比如如下图的带动画的ExtJs饼状图效果。鼠标悬停到某块拼饼上面,会突出出来。
二、制作过程
还是与《【ExtJs】柱状图,改变每条柱子的颜色》(点击打开链接)、《【ExtJs】折线图》(...
分类:
Web程序 时间:
2015-05-03 13:26:49
阅读次数:
300
ExtJs的柱状图的画法其实与《【ExtJs】折线图》(点击打开链接)的画法几乎完全一样,难点在于各个柱子的颜色。ExtJs对于柱状图的颜色,并没有单独为其开放独立的参数。因此还是与《【ExtJs】表格控件Grid的增删改查,利用renderer让操作列actioncolumn使用文字而不是图标》(点击打开链接)一样,要自己单独设置东西,必须使用到渲染器。如果不设置,它画出来的柱状图,每次都是同样...
分类:
Web程序 时间:
2015-05-03 13:26:27
阅读次数:
170
目前支持(3D/非3D,背向式)柱形图(Bar Chart)、3D/非3D饼图(Pie Chart)、堆积图(Stacked Bar Chart)、面积图(Area Chart)、 折线图(Line Chart)、曲线图(Spline Chart)、环形图(Dount Chart)、南丁格尔玫瑰图(...
分类:
移动开发 时间:
2015-05-02 08:28:18
阅读次数:
289