2015-05-29 60 views
1

我需要使用High Charts創建Arched square圖表。但是,我找不到任何適當的論壇來描述這一點。使用高圖表的拱形正方形圖表

的要求是如下: - 考慮X,Y是0,0左下方 -

  1. 木箱點(100,150)之間的直線的垂直線和(100110)。
  2. 創建從點(100,110)到(150,80)
  3. 一個橢圓創建從(150,80)的橢圓至(200110)
  4. 木箱點(200110)之間的直線的垂直線和(200150) 。

我可以去最近的是在下面(完全滾動頁面才能看到輸出),但是,

  1. 我想用高圖表功能
  2. 橢圓是不是一個實際的橢圓,一個不認爲點150,80作爲2個橢圓的共同結點的半圓。

您可以假設任何缺少的內容用於說明目的。

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

我不知道什麼是預期的結果,但如何使用帶有'A' PARAMS閉合路徑?像這樣:http://plnkr.co/edit/5nYEG3mhwbCBxoFzk8pj?p=preview –

+0

這工作:)。非常感謝Fus! –

回答

0

的解決方案是使用封閉路徑與A PARAMS像this

<html> 
<head> 
<script data-require="[email protected]*" 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> 
+0

謝謝卡拉... –

+0

不客氣。 – carla