Highcharts入门之基本属性

网络编程 2021-07-04 20:00www.168986.cn编程入门

Highcharts是一个用纯JavaScript编写的一个图表库，之前长沙网络推广发了一篇介绍Highcharts的文章，那么本文将进一步的介绍Highcharts的基本属性，有需要的可以参考学习。

一.基本组成

1.Highcharts包含标题（Title）主标题是必须的subTTitle不是必须

2.坐标轴（Axis）有x坐标（xAxis）和y坐标（yAxis）

3.数据列（Series）每个曲线，每个柱形条组，每个饼图的部分

4.数据提示框（Tooltip）鼠标放上去的提示框

5.图例（Legend）通过点击标示可以显示或隐藏该数据列

6.

7.版权信息（Credits）一般是highcharts的官网，指定credits.enabled=false不让显示

8.导出功能按钮（Exporting）需要包含exporting.js

9.标示线（PlotLines）主动添加如平均线等

二.参数属性

1、调用highcharts

方法一

$(function () {
    $(".chart").highcharts({});
});

方法二

var charts = new Highcharts.Chart({
  // Highcharts 配置
  chart : {
    renderTo : "container" // 注意这里一定是 ID 选择器
  }
});

2、设置表格宽高

等同于设置div的宽高

style="width: 800px ;height: 400px"

3、图表样式

常见的有border、backgroundColor、margin、spacing、style

以上就是Highcharts入门之基本属性的全部内容，希望对大家学习Highcharts有所帮助，长沙网络推广还会陆续更新Highcharts的相关文章，请继续关注狼蚁SEO。