HighCharts(1):实例化Highchart并绑定到容器上的三种方式
2017-08-21 17:02
302 查看
1、通过 dom 调用 highcharts() 函数的方式(推荐使用这个)
2、通过 chart.renderTo 来指定
renderTo解释:图表加载的位置,是页面上的一个DOM对象。
下面给出官方解释:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201708/1f1c393dfdca5065d3c97c8a77dcab8a)
3、通过构造函数
参考官方说明文档:图表配置(Chart)
$("#container").highcharts({ // Highcharts 配置 });
2、通过 chart.renderTo 来指定
var charts = new Highcharts.Chart({ // Highcharts 配置 chart : { renderTo : "container" // 注意这里一定是 ID 选择器 } });
renderTo解释:图表加载的位置,是页面上的一个DOM对象。
下面给出官方解释:
3、通过构造函数
var charts = new Highcharts.Chart('container', { // Highcharts 配置 });
参考官方说明文档:图表配置(Chart)
相关文章推荐
- 实例化Spring Ioc容器的三种方式
- 创建Bean的三种方式 在大多数情况下,Spring容器直接通过new关键字调用构造器来创建Bean实例,而class属性指定Bean实例的实现类,但这不是实例化Bean的唯一方法。实际上,Sprin
- Spring系列:第三篇-Spring容器三种实例化bean的方式以及Bean的作用域
- 传智播客Spring2.5视频教程_Spring的三种实例化Bean的方式 1
- Spring 入门学习(二)之 三种实例方式
- react合成事件的三种绑定方式bind
- Spring中bean的三种实例化方式的简单实例
- Spring框架_实例化Bean的三种方式
- 获得xml解析器LayoutInflater 实例的三种方式
- Java Class类以及获取Class实例的三种方式
- Highchart插件简介和引入方式
- ListView 的三种数据绑定方式
- 获得 LayoutInflater 实例的三种方式
- Spring实例化Bean的三种方式及Bean的类型
- Vue2.0-2-数据绑定三种方式
- spring基础----->实例化bean的三种方式
- spring IOC容器创建对象的三种方式
- Laravel中Service Provider另一种绑定到服务容器的方式和场景
- Ioc容器Autofac系列(3)-- 三种注册组件的方式
- 容器间通信的三种方式 - 每天5分钟玩转 Docker 容器技术(35)