博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【HighCharts系列教程】二、Highcharts结构及API文档
阅读量:5869 次
发布时间:2019-06-19

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

一、你必须知道的

1、首先,HighCharts是基于Jquery框架开发的,所以需要在页面引入Jquery,具体代码是:

 

 

 

2、其次,需要引入HighCharts js文件

 

 

 

    引入HighCharts js文件还可以是拷贝下载下来的Highcharts资源包中的js目录下的highcharts.js文件

3、如果你想使用导出功能,必须引入导出相关的js文件,该文件存在与/Highcharts-2.3.5/js/modules/目录下

 

 

 

   引入下面的三个资源文件后,你就可以参考API文档进行开发了

二、HighCharts结构

通过阅读highCharts API文档,我们知道highCharts的基本结构是:

var chart = new Highcharts.Chart({

chart: {…}

colors: [{…}]

credits: {…}

exporting: {…}

global: {…}

labels: {…}

lang: {…}

legend: {…}

loading: {…}

navigation: {…}

pane: {…}

plotOptions: {…}

series: [{…}]

subtitle: {…}

title: {…}

tooltip: {…}

xAxis: {…}

yAxis: {…}

});

其中只有几个是必须配置的属性,其他无特殊要求默认即可。所以,HighCharts开发,只需要了解每个属性的含义,并有选择的配置需要的效果既可。

转载地址:http://xttnx.baihongyu.com/

你可能感兴趣的文章
(转)Inno Setup入门(十二)——Pascal脚本(1)
查看>>
(转)更改Web.config中对上传文件大小限制
查看>>
centOS7搭建nexus私服
查看>>
A Tour of Go Arrays
查看>>
php 文件限速下载代码
查看>>
【13】享元模式(FlyWeight Pattern)
查看>>
快速学习javaSE基础4---面向对象的编程
查看>>
程序员面试宝典
查看>>
关于<!DOCTYPE>标签
查看>>
浅谈虚拟DOM
查看>>
Jquery动态控制表格行
查看>>
【算法和数据结构】_12_小算法_abs_fabsf_fabsd_大端小端判断
查看>>
PowerShell_零基础自学课程_4_PowerShell的别名功能、错误管理功能和系统资源区域导航...
查看>>
Cogs 1583. [POJ3237]树的维护 LCT,树链剖分
查看>>
上不了网,如何判断
查看>>
sharepoint 还原网站集
查看>>
set serveroutput on 命令
查看>>
《微信企业号开发日志》本地调试程序一
查看>>
vue watch深度监听对象,实现数据联动
查看>>
c#判断输入的是不是数字
查看>>