使用高級圖表的拱形方形圖表

Question

我需要使用High Charts創建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參數一起使用，如下所示：

<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 個解決方案

解決方案1
0

使用高級圖表的拱形方形圖表

問題描述

1 個解決方案

解決方案1 0

解決方案1
0