Highcharts教程(1) chart 图表选项

发布时间:2020-02-24编辑:脚本学堂
本文是Highcharts系统列教程的第一节,介绍下chart 图表选项的相关内容,有需要的朋友参考下。
highcharts教程第一节。
1,概览

参数

描述

默认值

alignTicks

多轴时最小刻度是否自动计算

true

animation

是否启用动画效果

true

backgroundColor

图表外部的背景色或渐变色

#FFFFFF

borderColor

图表外边框的颜色

#4572A7

borderRadius

图表外边框的圆角半径

5.0

borderWidth

外边框的像素宽度

0.0

className

图表容器div使用的一个css类名

null

defaultSeriesType

type的别名

null

events

addSeries 、click、load、redraw、selection

null

height

一个显式的图表高度

null

ignoreHiddenSeries

如果true,一旦一个系列被隐藏,轴将会扩展剩余的可见系列

true

inverted

是否倒置轴,使得x轴时垂直的y轴是水平的

false

margin

图表的外边框和绘图区域的边距

null

marginBottom

下边距

null

marginLeft

左边距

null

marginRight

右边距

null

marginTop

上边距

null

plotBackgroundColor

绘图区域的背景色或渐变

null

plotBackgroundImage

绘图区背景图片的URL

null

plotBorderColor

绘图区的边框颜色

#C0C0C0

plotBorderWidth

绘图区的边框宽度

0.0

plotShadow

绘图区是否使用阴影效果

false

polar

极坐标

false

reflow

当窗口大小改变的时候,自适应div大小

true

renderTo

图表可以被渲染的HTML元素

null

resetZoomButton

出现在缩放后面的一个按钮,允许用户重置缩放positionrelativeTotheme

null

selectionMarkerFill

选中的图表区域的背景颜色

rgba(69,114,167,0.25)

shadow

是否对外部图表应用下降阴影

false

showAxes

是否显示最初的坐标轴

false

spacingBottom

图表底部和内容的距离空间

15

spacingLeft

图表左边和内容的距离空间

10.0

spacingRight

图表右边和内容的距离空间

10.0

spacingTop

图表上边和内容的距离空间

10.0

style

额外的css样式可以给内部div容器

null

type

图表的默认样式

line

width

图表的显式宽度

null

zoomType

缩放,可以为x,y,xy之一

null

2,详细介绍

   alignTicks:Boolean.

当使用多个轴时,刻度的间隔会根据最小刻度自动的添加到两个或多个轴上。可以通过设置alignTicks为false来禁止自动划分刻度。
如果表格线看起来比较杂乱,通过设置第二个轴的gridLineWidth为0来隐藏该刻度线是一个好的做法。

alignTicks的默认值为true