highcharts 如何从jsfiddle迁移到html

bksxznpy 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(124)

我在jsfiddle中有一个工作图表：https://jsfiddle.net/e3so7j1d/33/，我正在尝试将此移动到网页：https://jsfiddle.net/e3so7j1d/38/，我需要如何修改javascript才能显示，也就是说，当jsfiddle将javascript从html中分离出来时，隐藏了什么魔力？谢谢

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

});
</script>

highcharts

来源：https://stackoverflow.com/questions/73602697/highcharts-how-to-move-from-jsfiddle-to-html

1条答案

按热度按时间

nbysray51#

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

<div id='containder'> </div>

<script>
Highcharts.chart('container', {
...
});
</script>

它是一个构造函数方法，其中第一个参数是对div（图表位置）得引用，第二个参数是选项对象（图表选项）.
首先，创建带有一些选项的 gaugeOptions 对象。然后，由构造器创建图表，但同时将带有 provided options 的 gaugeOptions 合并到一个options对象中（作为第二个参数）。
在第二个方面，您复制了JS脚本，但也将其 Package 为构造器的第二个参数，但这没有意义。
JSFiddle中的JavaScript标签就像HTML中的普通<sript>标签一样工作。如果你把JS代码复制到HTML中，它应该放在<script>标签中，没有任何不必要的 Package 。

演示：https://jsfiddle.net/BlackLabel/k3sut05r/
API参考https://api.highcharts.com/class-reference/Highcharts.Chart https://www.highcharts.com/docs/getting-started/your-first-chart https://www.highcharts.com/docs/getting-started/how-to-set-options

赞(0）回复(0）举报 2022-11-10

我来回答

highcharts 如何从jsfiddle迁移到html

1条答案

相关问题

热门标签

最新问答