html5里面canvas绝对是大哥级别的,canvas的绘图是基于js的处理,我们既然知道canvas,免不了就听说过svg,svg是基于xml扩展而来的,现在图表插件中国内百度的echarts是基于canvas的,国外一款非常强大的highcha...
分类:
Web程序 时间:
2015-09-05 01:30:31
阅读次数:
609
效果图:function GetData() { var placeList = [ // {name:'海门', geoCoord:[121.15, 31.89]} ] var ye...
分类:
其他好文 时间:
2015-08-30 10:00:10
阅读次数:
1299
一、EChars学习官网:http://echarts.baidu.com/二、具体实现js脚本:functionclock(id){ //路径配置 require.config({ paths:{ echarts:‘js/build/dist‘ } }); //画图 require([‘echarts‘,‘echarts/chart/gauge‘],//仪表盘需要的文件 function(ec){ //基于准备好的dom,..
分类:
其他好文 时间:
2015-08-28 13:35:53
阅读次数:
2135
先看两张图按目前情况,官方并为对axislabel的高度或者宽度做调整。所以解决方案只能从其他方案下手解决方案有几种第一种为上图解决方案设置grid属性定义图的大小来释放空间,使得axislabel有足够的空间/** 参数传值全部为数组 * @param names x轴值 * @param xyc...
分类:
其他好文 时间:
2015-08-27 11:02:01
阅读次数:
113891
先看两张图图中柱图只需要设置series中的坐标系属性barWidth就可以,这种图柱状图,折叠柱状图都适应eg:/** * 堆积柱状图 * @param xaxisdata x轴:标签(数组) * @param serieszs 柱状图图数据(数组) * @param seriesyx 柱状图图数...
分类:
其他好文 时间:
2015-08-27 10:42:20
阅读次数:
1452
Echart1.4.1效果图
如果是最新的2.2.7,大家可以参照官网提供的http://echarts.baidu.com/doc/example/bar15.html
如果是1.4.1,那么color中如果写function(params),params没有向2.2.7中那么多的参数,如果还要颜色随值变化,可以这样处理
var zrColor =...
分类:
其他好文 时间:
2015-08-26 12:09:26
阅读次数:
250
之前项目有用过pygal做chart图, 写代码很容易,几行代码就很做出一个看上去还不错的chart, 缺点是: 要调的再美观很难, Web上的交互效果较差. 在web上做可视化还是推荐采用Echarts或HighCharts Javascript库. 碰到个需求, 需要在pptx中生成chart图...
分类:
其他好文 时间:
2015-08-21 15:06:09
阅读次数:
276
虽然注册园子很早了,但是一直没写过什么文章,都是看各位大神的文章,自己也总结过,但是都没有成章,从现在开始督促自己做一些总结,逐步提升自己。就先从最近的项目开始吧。最近的项目是在移动端进行图表开发,针对目前流行的图表框架做了些研究,主要有echarts、highcharts、ichart、chart...
分类:
Web程序 时间:
2015-08-21 10:55:24
阅读次数:
123