Highcharts，如何从jsfiddle移动到html

Question

我在jsfiddle中有一个工作图：https://jsfiddle.net/e3so7j1d/33/，我正在尝试将其移动到网页：https://jsfiddle.net/e3so7j1d/38/，我需要如何修改javascript以使其显示，即jsfiddle在将javascript与html分离时隐藏了什么魔力？感谢

<script type="text/javascript">
magic
Highcharts.chart('container', {
});
</script>

Answer 1

以下代码是初始化图表的基本方法：

<div id='containder'> </div>
<script>
Highcharts.chart('container', {
...
});
</script>

它是一个构造函数方法，其中第一个参数为div的引用(chart-place(，第二个是options对象(chart-options(。

首先，您可以创建带有一些选项的gaugeOptions对象。然后，图表由构造器创建，但您也可以将gaugeOptions与提供的选项合并到一个选项对象中(作为第二个参数(。

在第二个例子中，您复制了JS脚本，但也将其包装为构造函数的第二个参数，但这没有意义。

JSFiddle中的JavaScript选项卡与HTML中的普通<sript>标签一样工作。如果您将JS代码复制到HTML中，则应该将其放置在<script>标记中，而不需要任何不必要的包装。

演示：https://jsfiddle.net/BlackLabel/k3sut05r/

API参考资料https://api.highcharts.com/class-reference/Highcharts.Charthttps://www.highcharts.com/docs/getting-started/your-first-charthttps://www.highcharts.com/docs/getting-started/how-to-set-options