Highcharts入门之基本属性

编程学习 2021-07-04 20:00www.dzhlxh.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。