开源的图表库已经有很多了,这里从头写个自己的,主要还是 提高自己js的水平,增加复杂代码组织的经验 首先写一个画图的库,供以后画图表使用.经过2天的开发,算是能拿出点东西了,虽然功能还很弱,但是有了一些基本的架子.写了两个examples,发在了github上 1.一个简单的测试,没有啥意义 2.一个稍微规整的例子,有点图表的意思 下面分析一下第二个例子的代码,第二个例子效果大致如下图 看一下代码(请自行右键点击查看),很简短, 先是做一些配置 1: var render = new expor…

介绍 sChart.js 作为一个小型简单的图表库,没有过多的图表类型,只包含了柱状图.折线图.饼状图和环形图四种基本的图表.麻雀虽小,五脏俱全.sChart.js 基本可以满足这四种图表的需求.而它的小,体现在它的体积上,代码只有 8kb,如果经过服务器的Gzip压缩,那就更小了,因此不用担心造成项目代码冗余. 该库使用 canvas 实现,兼容 IE9 以上浏览器. 文档(中英文):http://test.omwteam.com/sChart 演示地址:http://test.omwteam…

今天小编为大家推荐一个神奇的酷站.ECharts,一个纯 Javascript 的图表库. 以下是各个几个不错的界面的介绍: 首页:http://echarts.baidu.com/ 在首页有完整的说明,也专门的例子进行讲解,如果有一定前端基础,可以很快上手.而没有经验的,照模画样也可以弄出来. 一般例子: http://echarts.baidu.com/echarts2/doc/example.html 一般性的例子里面包含了常用的一般性表格,点击进去就可以看到代码.修改后点击刷新就能得到修…

Axios 是一个基于 promise 的 HTTP 库 vue项目中关于axios的简单使用 axios介绍 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中官方仓库:https://github.com/axios/axios中文文档:https://www.kancloud.cn/yunye/axios/234845 axios在项目中(vue)的使用 没有vue项目的使用vue-cli脚手架生成一个webpack模板的项目即可愉快的看下去了~…

最近使用vscode比较多. 学习了一下如何在mac上使用vscode开发asp.netcore项目. 这里是我写的关于vscode的一篇文章: https://www.cnblogs.com/cgzl/p/8450179.html http://www.cnblogs.com/cgzl/p/8450409.html 这篇文章写的是使用mac(linux)/win10开发一个基于asp.net core 2.0 web api, angular 5, bootstrap 4, sql serve…

基于Flutter 的图形语法库,通过跨端 Canvas ,将基于 Javascript 的图形语法库 ChartSpace 扩展至 Flutter 端 作者:字节跳动终端技术--胡珀 背景 数据平台有个基于图形语法的图表库 ChartSpace,支持 web/h5/mini program,现在收到业务诉求,要支持到 Flutter 端. 为方便理解,稍微解释下图形语法的概念,已经了解的小伙伴可以跳过这一段. 图形语法 图形语法(grammar of graphics) 是通过一套语法来描述任…

组内负责的几个项目都有一些一样的公共组件,所以就着手搭建了个公共组件开发脚手架,第一次开发 library,所以是参考着 iview 的配置来搭建的.记录如何使用webpack4搭建一个library的脚手架 前言 使用 webpack4,需要安装 webpack 和 webpack-cli yarn add webpack webpack-cli -D 然后就是书写配置文件. 项目脚手架结构 我写的 library 的目录结构如下,仅供参考,主要是模仿 iview 的结构,其中部分配置参考了…

基于vue-cli4的ui组件库,先贴个最终效果吧,步骤有点多,准备分上下篇,上篇:如何做一个初步的组件.下篇:编写说明文档及页面优化.开工. GitHub源码地址:https://github.com/sq-github/sq-ui GitHub预览地址:https://sq-github.github.io/sq-ui/dist 一.组件库是基于vue-cli框架的的,用vue-cli创建项目 vue create sq-ui 二.修改目录,以及重新修改配置文件. 1.查看了很多的开源组件库…

很久之前就想做一个车载相关的app.需要实现如下功能: (1)每0.2秒更新一次当前车辆的最新速度值. (2)可控制性记录行驶里程. (3)不连接网络情况下获取当前车辆位置.如(北京市X区X路X号) (4)实时快速获取车辆运动方向. (5)获取当前太空卫星数量以及GPS状态. 以上功能不需要连接网络.不需要开蓝牙.APP显示名字等可定制; 条件是有个大屏的Android系统车载导航. 好了.实现上面的第一步是需要一个汽车仪表盘的source.网上搜索了一下是有的,所以直接下载了:详细请点击: 搜…

第一部分: http://www.cnblogs.com/cgzl/p/8478993.html 为Domain Model添加约束 前一部分, 我们已经把数据库创建出来了. 那么我们先看看这个数据库. 可以在项目里面建立一个database.sql, 并且建立一个数据库连接的profile(参考上一篇文章), 连接成功后执行下面语句: SELECT TABLE_NAME FROM tvdb.INFORMATION_SCHEMA.TABLES WHERE TABLE_TYPE = 'BASE T…