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

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

如今,HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐.很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用.HTML 5 规范引进了很多新特性,其中之一就是 Canvas 元素.HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大.今天,本文收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家. 1. Visualize Visualize通过Javascript从结构化的HTML表格获取数据并借助HTML5 C…

ECharts http://ecomfe.github.com/echarts 基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表.创新的拖拽重计算.数据视图.值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘.整合的能力. ———— 大数据时代,重新定义数据图表的时候到了 Architecture ECharts (Enterprise Charts 商业产品图表库) 提供商业产品常用图表库,底层基于ZRender,创建了坐标系,图例…

ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表.创新的拖拽重计算.数据视图.值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘.整合的能力.—— 大数据时代,重新定义数据图表的时候到了 Architecture ECharts (Enterprise Charts 商业产品图表库) 提供商业产品常用图表库,底层基于ZRender,创建了坐标系,图例,提示,工具箱等基础…

作者: Mike Bluestein   | 原文地址:[https://www.smashingmagazine.com/2018/06/google-flutter-mobile-development/] [译者注:链接序号对应下面索引列表,另外可以点击阅读原文查看详细的链接文章] Flutter 是一款由 Google 开发的开源.跨平台移动端开发框架.它允许使用同一个代码库构建高性能.漂亮的 iOS 和 Android 应用,同时它也是 Google 即将推出的 Fuchsia 操作系…

跨端渲染是渲染层并不局限在浏览器 DOM 和移动端的原生 UI 控件,连静态文件乃至虚拟现实等环境,都可以是你的渲染层.这并不只是个美好的愿景,在今天,除了 React 社区到 .docx / .pdf 的渲染层以外,Facebook 甚至还基于 Three.js 实现了到 VR 的渲染层,即 ReactVR. 跨端开发的一个痛点,就在于各种不同渲染层的学习.使用与维护成本.而不管是 React 的 JSX 还是 Vue 的 .vue 单文件组件,都能有效地解耦 UI 组件,提高开发效率与代码维…

Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上.目前,它支持6种图表类型(折线图,条形图,雷达图,饼图,柱状图和极地区域区).而且,这是一个独立的包,不依赖第三方 JavaScript 库,小于 5KB. 颜色,字体,边框和它们的尺寸都可以定制,图表可以动画的形式加载,非常炫.…

滴滴在 GitHub 上开源的跨端解决方案 Chameleon(简写 CML)正式发布 1.0 版本,中文名卡梅龙:中文意思变色龙,意味着就像变色龙一样能适应不同环境的企业级跨端整体解决方案,具有易用.轻量.面向未来等特点.下文将详细介绍 Chameleon 项目的研发背景和性能特点. 世界上最快乐的事,莫过于为理想而奋斗.—— 苏格拉底 历时 3 年的研发和实践,数十名团队成员的努力,数百名业界参与者的共建,数千次的改进优化,终于迎来了跨端解决方案 CML1.0 正式版. https://zh…

什么是 ClChart? ClChart是一个基于canvas创建的简单.高性能和跨平台的股票数据可视化开源项目.支持PC.webApp以及React Native和Weex等平台.在React Native和Weex上完全适配开源项目GCanvas,可轻松使用GCanvas来使得您开发的应用在android和ios上具有原生绘图的能力. 为什么需要ClChart 在现有的开源库中,不乏有非常不错的开源图表库,通用图表库有chartjs,echart,highchart等,这些图表库具有非常完备…