Question

我需要使用Arched square创建High Charts图表。但是我找不到任何描述这个的适当论坛。

要求如下 - 考虑到X，Y在左下角是0,0 -

在点（100,150）和（100,110）之间竖直竖直线。
从点（100,110）到（150,80）
从（150,80）到（200,110）
在点（200,110）和（200,150）之间竖直竖直线。

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

我想使用高图功能
椭圆不是实际的椭圆，而是半圆，它不会将点150,80视为2椭圆的公共连接点。

您可以假设任何因图示而缺失的内容。

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

Answer 1

解决方案是使用封闭路径A参数this：

<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>

使用高图表

1 个答案: