如何在Javascript中创建包含多个数据的图表

我想生产图表式的产品

我得到了一个源代码，可能会从

海图。海图‘容器’{ 图表：{ 类型：“样条线” }, 标题：{ 文字：“月平均气温” }, 副标题:{ 文本：'来源：WorldClimate.com' }, xAxis：{ 类别：[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’， ‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’ ] }, 亚克斯：{ 标题：{ 文字：“温度” }, 标签：{ 格式化程序：函数{ 返回此值+“°”； } } }, 工具提示：{ 十字准星：没错， 分享：真的 }, 打印选项：{ 样条曲线：{ 标记：{ 半径：4， 线条颜色：“666666”， 线宽：1 } } }, 系列：[{ 名称:"东京",， 标记：{ 符号：“正方形” }, 数据：[7.0,6.9,9.5,14.5,18.2,21.5,25.2{ y:26.5， 标记：{ 符号：'urlhttps://www.highcharts.com/samples/graphics/sun.png' } }, 23.3, 18.3, 13.9, 9.6] }, { 名称：“伦敦”， 标记：{ 符号：“钻石” }, 数据：[{ y:3.9， 标记：{ 符号：'urlhttps://www.highcharts.com/samples/graphics/snow.png' } }, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 50, 4.8] }] };

---

为图表实现的代码在插件本身实现之前。这一切

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

在你的代码中

试试这个，让我知道

---

另外，通常最好在关闭标记之前，将所有脚本放在html的其余部分之后。它允许在js有机会对其应用任何更改之前首先加载所有html

在加载关联库之前，不能使用Highcharts之类的方法。当一个脚本标记中的代码依赖于另一个脚本标记中的代码时，脚本加载的顺序很重要

切换脚本的顺序，它可以在下面正常工作

海图。海图‘容器’{ 图表：{ 类型：“样条线” }, 标题：{ 文字：“月平均气温” }, 副标题:{ 文本：'来源：WorldClimate.com' }, xAxis：{ 类别：[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’， ‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’ ] }, 亚克斯：{ 标题：{ 文字：“温度” }, 标签：{ 格式化程序：函数{ 返回此值+“°”； } } }, 工具提示：{ 十字准星：没错， 分享：真的 }, 打印选项：{ 样条曲线：{ 标记：{ 半径：4， 线条颜色：“666666”， 线宽：1 } } }, 系列：[{ 名称:"东京",， 标记：{ 符号：“正方形” }, 数据：[7.0,6.9,9.5,14.5,18.2,21.5,25.2{ y:26.5， 标记：{ 符号：'urlhttps://www.highcharts.com/samples/graphics/sun.png' } }, 23.3, 18.3, 13.9, 9.6] }, { 名称：“伦敦”， 标记：{ 符号：“钻石” }, 数据：[{ y:3.9， 标记：{ 符号：'urlhttps://www.highcharts.com/samples/graphics/snow.png' } }, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 50, 4.8] }] };

---

谢谢，我不知道剧本的顺序会导致这样的结果谢谢，我不知道剧本的顺序会导致这样的结果。它起作用了！无需担心，如果有帮助，请选择它作为有效答案，以便帮助他人：

 Highcharts.chart('container', {