Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 Highcharts教程(13) Pie饼图与其他图形

Highcharts教程(13) Pie饼图与其他图形

发布时间:2015-03-25   编辑:www.jquerycn.cn
本文是Highcharts教程的第十三节,介绍下Pie饼图与其他图形的内容,有需要的朋友参考下。
本节内容: Highcharts教程第十三节的内容,Pie饼图与其他图形。
 
一,饼图 参数 描述 默认值 allowPointSelect 点击标签时允许序列的点被选择 false animation 动画 true borderColor 边框颜色 #FFFFFF borderWidth 边框宽度 1.0 center 饼图的中心相对于绘图区。可以是百分比或者是像素值   color 主要颜色或序列的颜色 null cursor 光标 null dataLabels 参见dataLabels   enableMouseTracking 用或禁用鼠标跟踪一个特定的序列 true events 事件,参见二级标题events   id 序列的id null ignoreHiddenPoint 是否忽略隐藏的点 false innerSize 饼图内部的直径大小。如果是一个大于0的尺寸,会渲染出一个圆环。 0.0 lineWidth 图表基线条的宽度

2.0

marker 标记,参照二级标题marker   point 单独点,参见point   pointPlacement 可能值:null,”on”,”between” null selected 在序列初始化时是否选中 false shadow 图表线的阴影 true showInLegend 是否显示部分序列或全部序列的类型在图例中 false size 饼图的直径,相对于绘图区。可以是百分比或者像素值。 75% slicedOffset 当饼图的一块移出饼图中心时,应该移动多少像素 10.0 startAngle 饼图块开始的角度,0是上边,90是右边。 0 states 参见states   stickyTracking 鼠标事件的黏连追踪。为true时显示提示文本框,false不显示。 true tooltip 一个可配置对象,对于可选渲染的各个序列的提示的配置对象。属性继承自tooltip {} visible 设置序列初始化的可见性 true zIndex 定义序列的Z指数 null
二,dataLable 数据标签
  参数 描述 默认值 backgroundColor 数据标签的背景色 null borderColor 数据标签的边框色 null borderRadius 数据标签的边框圆角半径 0.0 borderWidth 数据标签的边框宽度 0.0 color 数据标签内文本的颜色 null connectorColor 数据标签和饼图各块的连接线的颜色 {point.color} connectorPadding 数据标签到连接线的距离 5.0 connectorWidth 数据标签和饼图块之间的连接线的宽度 1.0 crop 是否隐藏落在绘图区域外的数据标签 true distance 数据标签到饼图边缘的距离 30.0 enabled 是否启用数据标签 true formatter 回调Javascript函数格式化数据标签 null overflow 如何处理横坐标上的溢出的标签 null padding 当borderWidth 或backgroundColor被设置的时候,这是框内的边距 2.0 rotation 文本旋转角度 0.0 shadow 标签框的阴影。 false softConnector 是否把连接线作为一个软弧线或者锐利的线来渲染 true style 标签的样式 null useHTML 是否用HTML渲染标签 false verticalAlign 标签的垂直排列 null x 相对于点的x偏移量 0.0 y 相对于点的y偏移量 -6.0 zIndex 数据标签的Z索引 6
三,其他图形

其他图形,如直线图line,曲线图spline,散点图scatter,序列图series 等图形参照区域图area。

您可能感兴趣的文章:
js图表组件highcharts简介
Highcharts教程 Highcharts翻译索引页
Highcharts教程(13) Pie饼图与其他图形
Highcharts 饼状图(结合PHP、Mysql)
Highcharts教程(14) Series数据列选项
highcharts 饼图显示数量与百分比实现代码
Highcharts 饼图制作代码一例
Highcharts教程柱状图、饼状图、曲线图三图合一
Highcharts 柱状图、饼状图、曲线图三图合一的实现代码
Highcharts绘制饼图的简单实例

[关闭]