没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
1
目录
1. 前言 ..................................................................................................................................................................... 4
文档说明 ..................................................................................................................................................... 4 1.1.
文档约定 ..................................................................................................................................................... 4 1.2.
图表术语 ..................................................................................................................................................... 4 1.3.
感谢语 ......................................................................................................................................................... 5 1.4.
2. 简介 ..................................................................................................................................................................... 6
what’s the ichartjs? ..................................................................................................................................... 6 2.1.
特点 ............................................................................................................................................................. 6 2.2.
应用场景 ..................................................................................................................................................... 6 2.3.
3. 部署与结构 ......................................................................................................................................................... 7
一步部署 ..................................................................................................................................................... 7 3.1.
组件结构分析 ............................................................................................................................................. 7 3.2.
一分钟快速入门之 HelloWorld .................................................................................................................. 8 3.3.
说明 ................................................................................................................................................ 8 3.3.1.
预览 ................................................................................................................................................ 8 3.3.2.
代码 ................................................................................................................................................ 8 3.3.3.
4. 基础篇 ............................................................................................................................................................... 10
$符号的含义 ............................................................................................................................................. 10 4.1.
数据格式的定义 ....................................................................................................................................... 10 4.2.
单一数据源 .................................................................................................................................. 10 4.2.1.
多值数据源 .................................................................................................................................. 10 4.2.2.
大小、内边距及边框 ............................................................................................................................... 11
4.3.
设置图表的内边距 ...................................................................................................................... 11 4.3.1.
图表的边框 .................................................................................................................................. 11 4.3.2.
对齐方式与偏移量 ................................................................................................................................... 12 4.4.
设置组件的大小 .......................................................................................................................... 12 4.4.1.
设置图表的对齐方式 .................................................................................................................. 12 4.4.2.
设置图表的偏移量 ...................................................................................................................... 12 4.4.3.
阴影效果 ................................................................................................................................................... 12 4.5.
背景色与渐变 ........................................................................................................................................... 13 4.6.
设置背景色 .................................................................................................................................. 13 4.6.1.
设置渐变 ...................................................................................................................................... 13 4.6.2.
字体样式 ................................................................................................................................................... 13 4.7.
文字旋转 ................................................................................................................................................... 14 4.8.
图表的标题 ............................................................................................................................................... 14 4.9.
图表的脚注 ............................................................................................................................................... 15 4.10.
label 配置项的含义 .................................................................................................................................. 15 4.11.
过渡动画效果 ........................................................................................................................................... 15 4.12.
图例 ........................................................................................................................................................... 16 4.13.
开启图例功能 .............................................................................................................................. 16 4.13.1.
图例的对齐方式 .......................................................................................................................... 16 4.13.2.
2
图例的行列布局 .......................................................................................................................... 17 4.13.3.
图例的行高 .................................................................................................................................. 17 4.13.4.
图例符号的设置 .......................................................................................................................... 18 4.13.5.
文字颜色与符号图形颜色一致 .................................................................................................. 18 4.13.6.
提示框 ....................................................................................................................................................... 18 4.14.
开启提示框功能 .......................................................................................................................... 18 4.14.1.
固定位置与跟随位置 .................................................................................................................. 18 4.14.2.
提示框的渐入效果 ...................................................................................................................... 19 4.14.3.
子配置项 ................................................................................................................................................... 19 4.15.
坐标系 ....................................................................................................................................................... 19 4.16.
坐标轴线 ...................................................................................................................................... 19 4.16.1.
值轴 .............................................................................................................................................. 20 4.16.2.
自定义刻度文本 .......................................................................................................................... 21 4.16.3.
有效坐标区域 .............................................................................................................................. 21 4.16.4.
网格 .............................................................................................................................................. 21 4.16.5.
隔行变色 ...................................................................................................................................... 22 4.16.6.
自定义 3D 坐标系样式 ............................................................................................................... 22 4.16.7.
5. 图表篇 ............................................................................................................................................................... 24
2D 饼状图.................................................................................................................................................. 24 5.1.
数据源格式 .................................................................................................................................. 24 5.1.1.
应用场景 ...................................................................................................................................... 24 5.1.2.
起始角度 ...................................................................................................................................... 24 5.1.3.
半径的设置 .................................................................................................................................. 24 5.1.4.
扇形属性设置 .............................................................................................................................. 24 5.1.5.
迷你 Label .................................................................................................................................... 25 5.1.6.
事件 .............................................................................................................................................. 25 5.1.7.
分离间距 ...................................................................................................................................... 25 5.1.8.
3D 饼状图.................................................................................................................................................. 26 5.2.
数据源格式 .................................................................................................................................. 26 5.2.1.
Z-轴旋转....................................................................................................................................... 26 5.2.2.
厚度 .............................................................................................................................................. 26 5.2.3.
分离间距 ...................................................................................................................................... 26 5.2.4.
2D 环形图.................................................................................................................................................. 27 5.3.
数据源格式 .................................................................................................................................. 27 5.3.1.
应用场景 ...................................................................................................................................... 27 5.3.2.
环形的宽度 .................................................................................................................................. 27 5.3.3.
环形中心文字 .............................................................................................................................. 27 5.3.4.
分离间距 ...................................................................................................................................... 27 5.3.5.
条形图 ....................................................................................................................................................... 28 5.4.
2D 条形图 .................................................................................................................................... 28 5.4.1.
数据源格式 .................................................................................................................................. 28 5.4.2.
应用场景 ...................................................................................................................................... 28 5.4.3.
条形区域属性设置 ...................................................................................................................... 28 5.4.4.
设置条形的高度 .......................................................................................................................... 28 5.4.5.
3
事件 .............................................................................................................................................. 28 5.4.6.
2D 簇状条形图 .......................................................................................................................................... 29 5.5.
数据源格式 .................................................................................................................................. 29 5.5.1.
应用场景 ...................................................................................................................................... 29 5.5.2.
2D 柱形图.................................................................................................................................................. 29 5.6.
数据源格式 .................................................................................................................................. 29 5.6.1.
应用场景 ...................................................................................................................................... 29 5.6.2.
柱形区域属性设置 ...................................................................................................................... 29 5.6.3.
设置柱形的宽度 .......................................................................................................................... 29 5.6.4.
事件 .............................................................................................................................................. 30 5.6.5.
2D 簇状柱形图 .......................................................................................................................................... 30 5.7.
数据源格式 .................................................................................................................................. 30 5.7.1.
应用场景 ...................................................................................................................................... 30 5.7.2.
3D 柱形图.................................................................................................................................................. 30 5.8.
数据源格式 .................................................................................................................................. 30 5.8.1.
应用场景 ...................................................................................................................................... 30 5.8.2.
3D 旋转 ........................................................................................................................................ 30 5.8.3.
3D 簇状柱形图 .......................................................................................................................................... 31 5.9.
数据源格式 .................................................................................................................................. 31 5.9.1.
应用场景 ...................................................................................................................................... 31 5.9.2.
组内柱间距 .................................................................................................................................. 31 5.9.3.
2D 折线图.................................................................................................................................................. 31 5.10.
数据源格式 .................................................................................................................................. 31 5.10.1.
应用场景 ...................................................................................................................................... 31 5.10.2.
线段属性设置 .............................................................................................................................. 31 5.10.3.
设置线段数据点的大小与样式 .................................................................................................. 31 5.10.4.
平滑曲线 ...................................................................................................................................... 32 5.10.5.
基本面积图 ............................................................................................................................................... 32 5.11.
数据源格式 .................................................................................................................................. 32 5.11.1.
应用场景 ...................................................................................................................................... 32 5.11.2.
设置区域的透明度 ...................................................................................................................... 32 5.11.3.
4
1. 前言
文档说明 1.1.
本文档作为快速入门的向导,在本文档中所用到的配置属性,并不是图表中的全部属性,要配合
ichartjs API 进行阅读才能达到事半功倍的效果。阅读完本文档可以基本掌握 ichartjs 的大致功能以及
使用方式,要想达到随心所欲的境界还是要多多进行实例练习,组件中提供了大量的实例是学习 ichartjs
的好途径。本文档适用于 ichartjs.v1.0 正式版本。如果您在阅读过程中有任何的意见和建议请发送邮
件给我们:taylor@ichartjs.com 。
文档约定 1.2.
a) 在文档中,默认的情况下都已经导入了 ichart-1.0.js。
b) 在文档中,示例代码默认是在$(function(){ … })中。且初始化之后,均调用了 draw()方法。
c) 在文档中,配置中的 render : ‘canvasDiv’表示渲染目标是一个 id 为 canvasDiv 的 div。
d) 在文档中,数值未指明单位时,默认单位均为像数(px)。
e) 在文档中,除特殊说明,基础篇中的代码适用于所有图表类型,示例中均以 Column2D 做示范。
图表术语 1.3.
图表区:整个图表的背景区域,其他组成部分都绘制在图表区中,如图表标题、绘图区、图例、垂
直轴、水平轴、脚注以及网格线等。
绘图区:图表中的核心组成部分,包括数据的展现形式和坐标系等。
标题:用于显示图表的主题。
副标题:用于对图表的主题进一步补充。
图例:用于表示图表中的数据系列的名称或者分类而指定的图案或颜色。
坐标轴:分为垂直轴和水平轴,对于不同方向的图表这两个轴的含义不同,对于像柱形图这样的图表,
剩余32页未读,继续阅读
wanglong0537
- 粉丝: 99
- 资源: 28
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于matlab故障级联预测和分析的影响模型的源代码.rar
- 基于matlab实现的Frank-Wolfe算法,交通网络流中交通分配能用上.rar
- Editor下载非常好用的工具
- 基于matlab实现的NALM锁模激光器仿真,非线性环路反射镜锁模获得飞秒激光脉冲.rar
- 基于matlab实现的mimo空时编码STBC,以最大似然值算法做检测.rar
- 基于matlab实现的交通分配的GUI程序代码.rar
- tensorflow-rocm-2.12.1.570-cp38-cp38-manylinux2014-x86-64.whl
- 基于matlab实现的禁忌搜索算法求解车辆路径问题 很好的程序.rar
- tensorflow-rocm-2.12.1.570-cp311-cp311-manylinux2014-x86-64.whl
- tensorflow-gpu-2.7.1-cp38-cp38-manylinux2010-x86-64.whl
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
- 4
- 5
- 6
前往页