博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
highcharts API 中文
阅读量:7102 次
发布时间:2019-06-28

本文共 3201 字,大约阅读时间需要 10 分钟。

选择对象

 

var chart = new Highcharts.Chart({

  • chart

    alignTicks    :true  Boolean  多个y轴时对他们公共轴心的选取,ture为自动选取较适宜的公共轴心

    animation    :true  BooleanObject  动画更新效果

    backgroundColor    :Color  绘图区背景色

    borderColor    :Color  绘图边框颜色 

    borderRadius    :Number  绘图边角的弧度设置

    borderWidth    :Number    边框宽度设置

    className    :String    确定绘图区容器的类区范围

    defaultSeriesType    :Sting  默认绘图类型的设置

    events    :chart.events  绘图触发事件

      addSeries    :Function  添加series数据

      click    :Function  单击事件

      load    :Function  加载事件

      redraw    :Function  重画事件

      selection    :Function  选着区域事件

    height    :Number  高度

    ignoreHiddenSeries    :True  Boolean  多个数据时,隐藏一个数据是否更改轴心,true为可更改,false为不可更改

    inverted    :False  Boolean   数轴的转换

    margin    :Numberr  内边距设置

    marginTop

    marginBottom

    marginRight

    marginLeft

    plotBackgroundColor    :Color  部分颜色的变化

    plotBackgroundImage    :String  加载图片

    plotBorderColor

    plotBorderWidth

    plotBorderShadow

    reflow    :True    :Boolean  是否跟谁容器大小改变

    renderTo    :String  引用容器

    resetZoonButton    区域选择与重置图片与event事件中的selection事件相似

    selectionMarkerFill    悬着区域的颜色

    shadow    阴影

    showAxes    加载前轴的显示

    spacingTop  外边距  :Number

    spacingBottom

    spacingLeft

    style    :CSSObject

    type    绘图类型 默认:line

    width    绘图宽度的设置

    zoomType    区域选择范围   可与event.selection和resetZoomButton参考,他们是区域选择的功能接口

  • colors

colors: [

'#4572A7', 	'#AA4643', 	'#89A54E', 	'#80699B', 	'#3D96AE', 	'#DB843D', 	'#92A8CD', 	'#A47D7C', 	'#B5CA92']
  • credits    右下角的名片说明

    enabled    :Boolean  默认值:True  是否显示名片

    position    :Object  位置的确定

    href      :String  名片连接地址   默认值:www.highcharts.com

    style      :CSSObject  名片CSS模式

    text      :String  名片显示名字  默认值:highcharts.com

  • global  Highcharts.SetOptions方法调用

    canvasToolsURL    :String    画布工具连接,例如:Andrio的 2.0不支持SVG

    useUTC    :Boolean  UTC time    

  • labels  HTML标签,可以放置在绘图的任何位置

    item  :Array

      html  :String

      style  :CSSObject

    style    :CSSObject

  • lang

    decimalPoint    :String    小数点  默认值"."

    downloadPNG    :String    导出图片PNG  默认值:"Download PNG image".

    downloadJPEG    :String    导出图片JPEG  默认值: "Download JPEG image"

    downloadPDF

    downloadSVG

    exportButtonTitle  :String    导出图片按钮  默认值: "Export to raster or vector image".

    loading   :String    加载显示   默认值: Loading....

    months    :Array<String>    月的数组  Highcharts.dateFormat()  默认值:['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'].

    shortMonths  上边月的缩写数组

    printButtonTitle  :String     打印按钮  默认值: "Print the chart".

    resetZoom    :String    重置焦距   默认值: Reset zoom.

    resetZoomTitle    :String    重置焦距设置   默认值: Reset zoom level 1:1.

    thousandsSep    :String    前分为   默认值:",".例如:1,000,000

    weekdays    :Array<String>   星期数组  默认值: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'].

  • legend
  • loading
  • plotOptions
  • point
  • series
  • subtitle
  • symbols
  • title
  • tooltip
  • xAxis
  • yAxis
  • exporting
  • navigation

});

方法和属性

 参考: 

另X轴时间显示

xAxis: {

                labels: {
                formatter: function() {
                      
                               return  Highcharts.dateFormat('%Y-%m-%d %H:%m', this.value);
                }
                }
         }, 

转载于:https://www.cnblogs.com/biye/articles/2806738.html

你可能感兴趣的文章
何为蠕虫病毒
查看>>
[詹兴致矩阵论习题参考解答]习题7.3
查看>>
【BZOJ】1046: [HAOI2007]上升序列(dp)
查看>>
罗兰管弦乐音色表【中英文对照】 ----转载
查看>>
java操作数据库出现(][SQLServer 2000 Driver for JDBC]Error establishing socket.)的问题所在即解决办法...
查看>>
【LeetCode】102. Binary Tree Level Order Traversal (2 solutions)
查看>>
Uart串口与RS232串口的区别
查看>>
【LeetCode】94. Binary Tree Inorder Traversal (3 solutions)
查看>>
(转)闪电效果的实现,中点位移法
查看>>
定义数组类型
查看>>
Java实现串口通信的小样例
查看>>
[转]一张图:你的车票是怎么被黄牛刷走的
查看>>
Firefox SVG getBBox方法返回'NS_ERROR_FAILURE'错误分析
查看>>
封装系统自带的Debug
查看>>
Grid_Oracle Grid Infrastructure概念介绍(概念)
查看>>
Netty系列之Netty百万级推送服务设计要点
查看>>
【百度地图API】北京周边7日游——图标按路线轨迹行动
查看>>
JAVA命令大全
查看>>
【百度地图API】让用户选择起点和终点的驾车导航
查看>>
揭秘淘宝286亿海量图片存储与处理架构
查看>>