Javascript 使用高图的拱形方格图_Javascript_Highcharts

Javascript 使用高图的拱形方格图

javascript highcharts

Javascript 使用高图的拱形方格图,javascript,highcharts,Javascript,Highcharts,我需要使用高位图表创建拱形正方形图表。然而，我找不到任何合适的论坛来描述这一点要求如下—— 考虑到X，Y在左下角为0,0—— 在点（100150）和点（100110）之间放置一条垂直直线创建从点（100110）到（150,80）的椭圆创建一个从（150,80）到（200110）的椭圆在点（200110）和点（200150）之间放置一条垂直直线我能去的最近的地方是在下面（完全滚动页面以查看输出），但是我想使用高图表功能椭圆不是一个实际椭圆，而是一个半圆，它不考虑点150、80作为2个

我需要使用

高位图表

创建

拱形正方形

图表。然而，我找不到任何合适的论坛来描述这一点

要求如下—— 考虑到X，Y在左下角为0,0——

在点（100150）和点（100110）之间放置一条垂直直线

创建从点（100110）到（150,80）的椭圆

创建一个从（150,80）到（200110）的椭圆

在点（200110）和点（200150）之间放置一条垂直直线

我能去的最近的地方是在下面（完全滚动页面以查看输出），但是

我想使用高图表功能

椭圆不是一个实际椭圆，而是一个半圆，它不考虑点150、80作为2个椭圆的共同结。<李> 为了便于说明，您可以假设缺少的任何内容

http://plnkr.co/edit/WoW3fl1VRH9cZAAjNoET?p=preview

解决方案是使用带有

参数的闭合路径，如：


你好，普朗克！
切换组

我不确定预期的结果是什么，但是使用带有

params的闭合路径如何？如下所示：这是有效的：）。非常感谢福斯！！

<html>
<head>
<script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="script.js"></script>
</head>

<body>
<h1>Hello Plunker!</h1>
<div id="container" style="height: 300px">
<!--
<svg height="400" width="450">
<path d="M 100 350 q 150 -300 300 0" stroke="blue" stroke-width="0.5" fill="none" />
</svg>
-->
<button id="button">Toggle group</button>
</div>
</body>

</html>