D3：具有平滑曲线和不同厚度的时间线

Question

我正在研究一个实验音频播放器界面。我有多个时间轴（在这个例子中，两个）。这些时间表的碎片形成了一个新的组合时间表。

给出了点A-H的坐标。我在找什么：

• 当“地板”（如在建筑物的地板中）从正常时间线变为组合时间线时，如何创建具有平滑曲线的形状？ （A和B之间的曲线，例如。
• D3可以帮助我创建不同厚度的形状（在正常时间线上更薄，在组合时间线上更厚）？例如，是否有一个帮助器，我可以将单个路径传递给每个点的厚度数据，并从中创建一个形状？

Answer 1

这可以使用area generator进行复制，您不会传递为底线y0设置y - thickness的厚度，而只是function CompactUrl($longUrl) { $apiKey = API; $postData = array('longUrl' => $longUrl); $jsonData = json_encode($postData); $curlObj = curl_init(); curl_setopt($curlObj, CURLOPT_URL, 'https://www.googleapis.com/urlshortener/v1/url?key='.$apiKey'&fields=id); curl_setopt($curlObj, CURLOPT_RETURNTRANSFER, 1); curl_setopt($curlObj, CURLOPT_SSL_VERIFYPEER, 0); curl_setopt($curlObj, CURLOPT_HEADER, 0); curl_setopt($curlObj, CURLOPT_HTTPHEADER, array('Content-type:application/json')); curl_setopt($curlObj, CURLOPT_POST, 1); curl_setopt($curlObj, CURLOPT_POSTFIELDS, $jsonData); $response = curl_exec($curlObj); //print 'Response = '.$response; // Change the response json string to object $json = json_decode($response); curl_close($curlObj); $shortLink = get_object_vars($json); return $shortLink['id']; } 。 平滑度可以使用样条线或单调interpolation生成。