anychart个人学习笔记.docx
- 文档编号:29147033
- 上传时间:2023-07-20
- 格式:DOCX
- 页数:17
- 大小:521.30KB
anychart个人学习笔记.docx
《anychart个人学习笔记.docx》由会员分享,可在线阅读,更多相关《anychart个人学习笔记.docx(17页珍藏版)》请在冰豆网上搜索。
anychart个人学习笔记
学习笔记:
(转)
1.Antchart配置文件必须的结构:
……多个数据name不能相同相同了只能出来一个
…..可以有多个数据集
2.一些属性的配置(四处找的)
1.
默认的是X轴type=”CategorizedVertical”
type=”CategorizedBySeriesVertical”表示按X轴的展示两个图表用以对比
type=”CategorizedBySeriesHorizontal”表示按y轴的展示两个黑表用以对比
2.
3.
true
4.
3.图片的类型
1.
2.
3.
4.多个数据集,展示多个图表
Attention:
当有多个series的时候我们不需要在每个series上面加type可以在data上面
1.
也可以在每个series上面加type:
如下图
效果如图:
2.图表不叠家用以对比的效果:
只需要
5.图表的定位:
(xy轴上的值放在哪边)
效果如图:
在
此时就应该有四种情况的定位
6.图表的倒置
在
原图:
加在
加在
Attention:
注意他们的倒置效果
7.图标最大值和最小值的设定
一般默认anychart会根据我们给的值来设定最大值和最小值,但是我们也可以人为的手动设置最大值和最小值
在
8.为图表定义样式
为图表定义样式比较复杂
在chart里面
定义完了样式就可以在相应的
子样式引用父类的样式
在styles里面再加上一个样式的定义,不过这个样式里面个有个属性parent=””引用,然后定义自己的样式,这时候的样式可以覆盖
9.鼠标放到图表上出现提示
1.默认提示value
在
设置下就可以出提示了:
默认的提示value
2.提示更多的信息
在
1.比喻提示字体的样式
2.提示的信息种类
CategoryName:
分类的名称
YValue:
对应的y轴上的值
SeriesName:
对应的这个series的名称也就是
YPercentOfSeries是这个value占所以value总和的百分比
Attention:
1.
如果这样写的话:
提示框就会这样周围有很多空白
3.图表上的label
每一个point上面都会提示该point对应的value
设置也是在
Rotation是提示信息的角度默认是0也就是平着放里面值表示度数
Postion是对提示确定信息的位置
Background是提示有没有背景
3.提示信息设置顺序
1在最外层设置:
data_plot-settings
2.在series里面设置
3.在point里面设置
三个产生从里到外里层有的话会覆盖外层
4.提示信息可以设置应用多个不同类型的series
10图表中的标点maker
在styles里面加上
Color为颜色type为marker的类型states中的hover是当鼠标划过时的状态
11.同一name的point在多个series里面展示
效果如图:
P1P2进行比较并且在所以series里面每一个P1还可以比较的如果结合提示信息就可以很快的得到最大的值
12.最大值和最小值的不同颜色提示
我们可以认为的在最大值的point上面加color用以区别最大值和最小值
如果在开发中我们可以利用循环找到最大值和最小值修改最大值和最小值的color
13.对特殊值给不同的提示,让用户鼠标放到上面去的时候就可以看到
效果:
当把鼠标放上去的时候可以看到这个人的业绩最好,这个时候我们在页面上就可以用循环来做判断,来找出最大值并且在相应的point结点上给特殊提示
14.默认的调色板
在series里面添加
15anychart保存图片问题
在anychart里面可以保存图片的,右键就可以保存
有保存pdf的有保存image的
Anychart默认是用的它官网上的保存script,当没有网的情况下,保存就不能用了,所以我们最好在本地保存图片,不需要官网上的script
具体这篇文章里面有
1.用默认的只要有网就可以保存
2.把我们的script下下来
放在项目中任意的地方,我这里是放在根目录如图
然后在anychart配置文件中引用
OK了
最后图片的大小可以设置:
定制anychart右键的功能
如图右键上只有saveimageas并且还是中文的
具体设置如下:
设置相应的属性为false就可以了这里没有讲到pdf
save_as_pdf="false"
想定制中文可以这样设置:
16.Lable里面换行
1.可以用
[DATA[]]>这个标签来包装
2.可以用
来换行换行非常高是加粗
17关于XY轴上数据的小数点的问题
Xy轴上的数据可以有两种拿法,
1.
2.
通过scale自增
默认XY轴上的数据都会有小数点
不过我们可以通过labels来处理
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- anychart 个人 学习 笔记