How can i get access to a Highcharts chart through a DOM-Container

转载 2015年11月19日 22:44:43

Highcharts 3.0.1

Users can use the highcharts plugin

var chart=$("#container").highcharts();

Highcharts 2.3.4

Read from the Highcharts.charts array, for version 2.3.4 and later, the index of the chart can be found from the data on the div

 var index=$("#container").data('highchartsChart');
 var chart=Highcharts.charts[index];

All versions

Track charts in a global objec/map by container id

var window.charts={}; 
function foo(){
  new Highcharts.Chart({...},function(chart){  
      window.charts[chart.options.chart.renderTo] = chart;
  });
}

function bar(){
  var chart=window.charts["containerId"];
}

Read Mode @ http://ahumbleopinion.com/highcharts-tips-accessing-chart-object-from-container-id/


创建chart:

var chart = new Highcharts.Chart(options);
// Using an element reference
var otherOptions = {
chart: {
renderTo: document.getElementById('container');
},
// ...
}
var otherChart = new Highcharts.Chart(options);

HighChart 体验之旅 (后台传递JSON参数和数据的方法)

最近由于项目繁忙都没时间整理下最近所看的东西~前段时间由于项目需要,需要把曾经使用FusionChart Flash报表插件换成纯JS的报表插件(因为客户这还有不给装Flash的板子)~所以没办法喽只...
  • dyllove98
  • dyllove98
  • 2013年04月12日 22:39
  • 5514

highcharts报表插件之chart参数的使用

chart图表区选项配置项的使用 因为chart参数的配置很多,所以每一个参数的具体实例和运行结果,我单独做了个API,有兴趣的朋友可以自己下载看看噢~肯定对你有帮助的。链接地址是:high...
  • myjlvzlp
  • myjlvzlp
  • 2013年01月26日 14:44
  • 7277

HightChart版权信息(credits)

图表版权信息。显示在图表右下方的包含链接的文字,默认是文字是 Highcharts,链接是Highcharts官网地址。通过指定credits.enabled=false即可不显示该信息。 ...
  • qq_20545159
  • qq_20545159
  • 2015年09月13日 15:40
  • 418

RabbitMQ学习(八)Access Control访问控制

Access Control When the server first starts running, and detects that its database is uninitial...
  • jiq408694711
  • jiq408694711
  • 2014年09月14日 15:25
  • 1724

07-Linux-常用命令

日期时间     date         说明: 查看/设置 当前系统时间         格式: date [OPTION]... [+FORMAT]         格式化显...
  • wuqinfei_cs
  • wuqinfei_cs
  • 2014年01月14日 23:31
  • 829

使用AngularJS结合Highchart图表动态获取JSON格式数据

Highchart折线图代码 $(function () { var chartLine = new Highcharts.Chart({ chart: ...
  • yanjun008
  • yanjun008
  • 2014年12月21日 20:22
  • 3639

Highcharts使用中关于series超过11个的BUG

js脚本: $(function () { $('#container').highcharts({ chart: { type: 'column' ...
  • jyjxs
  • jyjxs
  • 2014年12月31日 15:35
  • 1816

Highcharts+NodeJS搭建数据可视化平台

前一段时间完成了一个数据可视化项目,由后台NodeJS+Highcharts框架进行搭建。下面分享一下整个开发过程的流程,以及使用Highcharts框架的经验。一、数据的读取       由于数据库...
  • fareise
  • fareise
  • 2016年12月27日 22:21
  • 10960

HighChart前后台封装,构造个性化图表插件highChartTools,快捷创建各种图表

protected abstract List createXAxisCategories(Map xAxisMap); protected abstract List createXAxisCat...
  • smartboy_01
  • smartboy_01
  • 2016年07月05日 23:39
  • 2758

HightChart设置标题(Title)

标题默认显示在图表的顶部,包括标题和副标题(subTitle),其中副标题是非必须的。设置标题和副标题的示例代码如下: title: { text: '我是标题' }, subtitle: ...
  • qq_20545159
  • qq_20545159
  • 2015年09月13日 14:09
  • 4830
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:How can i get access to a Highcharts chart through a DOM-Container
举报原因:
原因补充:

(最多只允许输入30个字)