当前位置: 首页 > 编程笔记 >

Highcharts入门之基本属性

满昊然
2023-03-14
本文向大家介绍Highcharts入门之基本属性,包括了Highcharts入门之基本属性的使用技巧和注意事项,需要的朋友参考一下

一.基本组成:

    1.Highcharts包含标题(Title):主标题是必须的但是subTTitle不是必须

    2.坐标轴(Axis):有x坐标(xAxis)和y坐标(yAxis)

    3.数据列(Series):每个曲线,每个柱形条组,每个饼图的部分

    4.数据提示框(Tooltip):鼠标放上去的提示框

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

    6.<!--more-->

    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、图表样式:

常见的有:borderbackgroundColormarginspacingstyle

总结

以上就是Highcharts入门之基本属性的全部内容,希望对大家学习Highcharts有所帮助,小编还会陆续更新Highcharts的相关文章,请继续关注小牛知识库。

 类似资料:
  • 本文向大家介绍Highcharts入门之简介,包括了Highcharts入门之简介的使用技巧和注意事项,需要的朋友参考一下 在网页中创建一个这样的图表,你觉得会要多久? 确实需要很久很久,如果你对JavaScript不是特别熟练的话。 但是有个好消息就是如果,你使用Highcharts框架的话,可能十多行代码就能让你在页面中生成这样有特效的图表。 当然他的功能远不止这些,各种图表,打印,导出,对比

  • Highcharts 是一个纯粹的基于 JavaScript 的图表库,旨在通过添加交互式图表功能来增强Web应用程序。 Highcharts 提供各种各样的图表。

  • 主要内容:创建GWT Web项目,导入GWT Google Charts的Jar包,修改HelloWorld.gwt.xml,修改HelloWorld.html,HelloWorld配置类,启动项目,查看结果在本章中,我们将展示使用 GWT 中的 Highcharts API 绘制图表所需的配置。 创建GWT Web项目 项目结构如下: 导入GWT Google Charts的Jar包 在根目录下创建一个lib目录,把Google Charts的包导入 修改HelloWorld.gwt.xml

  • 本文向大家介绍JavaScript之Vue.js【入门基础】,包括了JavaScript之Vue.js【入门基础】的使用技巧和注意事项,需要的朋友参考一下 本篇将简单介绍一下Vue.js,并在Node.js环境下搭建一个简单的Demo。 一、简介 我个人理解,Vue.js是一套前端视图层的框架,它只关心视图展示和数据绑定,它的一些语法与Angular 1非常相似,如果有Angular 1相关的使用

  • Highcharts 饼图 以下实例演示了基本饼图。 我们在前面的章节已经了解了 Highcharts 基本配置语法。接下来让我们来看下其他的配置。 配置 series 配置 设置 series 的 type 属性为 pie ,series.type 描述了数据列类型。默认值为 "line"。 var series = { type: 'pie' }; 实例 文件名:highcharts

  • 本文向大家介绍Python面向对象基础入门之设置对象属性,包括了Python面向对象基础入门之设置对象属性的使用技巧和注意事项,需要的朋友参考一下 前言 前面我们已经介绍了 python面向对象入门教程之从代码复用开始(一) ,这篇文章主要介绍的是关于Python面向对象之设置对象属性的相关内容,下面话不多说了,来一起看看详细的介绍吧 用类存储数据 类实际上就是一个数据结构,对于python而言,