文档章节

手绘风格图表(附示例链接)

咲晚杍
 咲晚杍
发布于 2013/10/10 15:40
字数 336
阅读 54
收藏 0
图表工具amCharts ( JavaScript Charts 、Javascript Stock Chart)v3.1和地图工具amMap( JavaScript Maps)v3.6,增加了不少强大的功能。其中的模式设置和手绘风格更是让不少用户眼前一亮。大家可以看看下面的截图,是不是比我们平常做的图表更漂亮呢?下面给大家介绍下。

amCharts & amMap手绘风格图表

模式

在新版本的图表和地图中可以改变整个图表的单个列/片模式。如果您想设置一个图表模式,使用AmGraph模式属性即可完成。如果你想设置单个列/片模式,可在图表数据中描述模式,为图表设置patternField。模式值应该是图片的URL、长、宽等对象,可能会有X、Y值或者任意X、Y值。

例如:graph.pattern = {"url":"../amcharts/patterns/black/pattern1.png", "width":4, "height":4};

完成上面的代码后,检查amcharts/模式文件夹,你可以使用它创建自己的模式。

手绘风格

设置chart.handDrawn = true,图表中的线可以弯曲,制作出手绘效果。你也可以修改chart.handDrawScatter (默认值为2)、chart.handDrawThickness(默认值为1)的值来进行分散视图。

如果你想要体验一下实际效果,你可以点击下面的链接:

体验链接:

观看示例 激发灵感

本文转载自:http://www.evget.com/zh-CN/Info/catalog/19791.html

咲晚杍
粉丝 7
博文 75
码字总数 8143
作品 0
渝中
私信 提问
Blender 2.67 RC发布,支持3D打印

Blender 2.67 RC发布了,新版本通过一个插件提供了3D打印的接口. 本次更新内容如下: 1、混合节点 添加边框为合成器视角节点。边界渲染现在已经可用并做了一些改进。 2、Cycles渲染器 对于次...

狗头666
2013/04/28
1K
3
Wired Elements — 有趣的超真实手绘风格 UI 元素集合

Wired Elements 是一系列具有手绘外观的基本 UI 元素,这些 UI 元素可以用于线框、模型等手绘风格页面。

达尔文
2018/06/23
25
0
手绘风格 UI 集合 - Wired Elements

Wired Elements Wired Elements 是一系列具有手绘外观的基本 UI 元素,这些 UI 元素可以用于线框、模型等手绘风格页面。 元素具有一定的随机性,像真正的手绘一样,同一个元素每次出现的显示...

匿名
2018/06/01
5.1K
10
highcharts 从后台动态改变数据

//columnChart 图表对象,创建示例就展示了。 var series = this.columnChart.series; while(series.length > 0) { series[0].remove(false); //先清空 } // 不要在这重绘图表,否则会达不到......

yuanfy008
2015/10/13
109
0
Axure 6.5 教程 容易忽视的几个技巧

1 栅格设置 Axure 6.5默认隐藏了栅格,许多人对此很不适应,顿时不知该如何对齐控件了。要打开辅助线,只需点击菜单栏的“Wirefram-Gridand Guides”,把“Hide Grids”前面的勾去掉就行。另...

鱼北子
2012/08/20
4.1K
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 熟悉的味道,难道这就是恋爱的感觉

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @xiaoshiyue :好久没分享歌了分享张碧晨的单曲《今后我与自己流浪》 《今后我与自己流浪》- 张碧晨 手机党少年们想听歌,请使劲儿戳(这里)...

小小编辑
今天
236
8
SpringBoot中 集成 redisTemplate 对 Redis 的操作(二)

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二) List 类型的操作 1、 向列表左侧添加数据 Long leftPush = redisTemplate.opsForList().leftPush("name", name); 2、 向列表右......

TcWong
今天
19
0
排序––快速排序(二)

根据排序––快速排序(一)的描述,现准备写一个快速排序的主体框架: 1、首先需要设置一个枢轴元素即setPivot(int i); 2、然后需要与枢轴元素进行比较即int comparePivot(int j); 3、最后...

FAT_mt
昨天
4
0
mysql概览

学习知识,首先要有一个总体的认识。以下为mysql概览 1-架构图 2-Detail csdn |简书 | 头条 | SegmentFault 思否 | 掘金 | 开源中国 |

程序员深夜写bug
昨天
11
0
golang微服务框架go-micro 入门笔记2.2 micro工具之微应用利器micro web

micro web micro 功能非常强大,本文将详细阐述micro web 命令行的功能 阅读本文前你可能需要进行如下知识储备 golang分布式微服务框架go-micro 入门笔记1:搭建go-micro环境, golang微服务框架...

非正式解决方案
昨天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部