Javascript highcharts，highstock不带jQuery

我知道您可以使用：

$（element）.highcharts（“StockChart”，{}）

获取该元素的图表

但是，我希望能够获得

highchart

对象的黄金，以便以后可以对其进行操作，或者我希望执行以下操作：

new Highcharts.Chart({
    chart : {
      renderTo : 'container'
      type     : 'StockChart'
    }
    ...
  });

首先：后者不适用于“StockChart”类型。我得到的答案是：

“请求的系列类型不存在”

其次：我更愿意将

renderTo

选项设置为元素，而不是id。通过使用id，它强制我的元素也使用id，但是如果我可以在其中包含容器和

子元素，就很难引用它

现在，如果在一个html页面上有许多图形，则id并不理想。相反，我希望使用实际的dom元素进行传递。

通过使用
$（element）.highcharts（“StockChart”，{}）
我可以将几乎所有其他选项设置为全局选项，包括
范围选择器
，并使其正常工作

但是，我仍然需要能够访问
这个
，它在事件函数（如load）中可用，因此我想我可以设置一个全局函数，但这可能有点过头了
 我在你的案例中看到三个问题：

1） 要在创建图表时获取对象，有两种方法：


使用jQuery：

var chart = $(element).highcharts('StockChart', options).highcharts();


没有jQuery：

var chart = new Highcharts.StockChart(options);



2） 错误#17：

“请求的系列类型不存在”

是由类型：'StockChart'

引起的<代码>类型为系列类型保留。正如@Raeen Hashemi所说，要创建Highstock，请使用不同的构造函数：

新建Highcharts.StockChart（选项）

3） 是的，您可以将对象传递给

renderTo

：

---

4）

此

-老实说，我不确定您为什么需要在事件处理程序之外的其他地方访问此。改为使用

Highcharts.charts[index]

或存储变量，如

chart

或

$（element）。对于ES6，Highcharts（）

，请在下面的方法中使用它

import * as Highcharts from "highcharts";
import * as highchartsTree from 'highcharts/modules/treemap';

此外，可以添加任何highchart类型而不是treemap

highchartsTree(Highcharts);

---

您可以使用

var chart=newhighcharts.StockChart（{}）。至于dom元素，我认为这是不可能的。@RaeenHashemi谢谢！看起来这是可能的，虽然我还没有测试过。
highchartsTree(Highcharts);