2017-07-05 15 views
0

ポーラーチャートで使用すると、エリアポイントを四捨五入して尖らせない方法はありますか?ハイチャートのエリアポイントを四捨五入するポーラー

私は 'areaspline' を試してみましたが、あなたはここで見ることができるようにポーラチャートで、それは、非常に適切ではありません。

http://jsfiddle.net/qwbu6r3t/2/

Highcharts.chart('container', { 

    chart: { 
     polar: true 
    }, 

    title: { 
     text: 'Highcharts Polar Chart' 
    }, 

    pane: { 
     startAngle: 0, 
     endAngle: 360 
    }, 

    xAxis: { 
     tickInterval: 45, 
     min: 0, 
     max: 360, 
     labels: { 
      formatter: function() { 
       return this.value + '°'; 
      } 
     } 
    }, 

    yAxis: { 
     min: 0 
    }, 

    plotOptions: { 
     series: { 
      pointStart: 0, 
      pointInterval: 45 
     } 
    }, 

    series: [{ 
     type: 'areaspline', 
     name: 'Area spline', 
     data: [1, 2, 3, 4, 5, 6, 7, 8] 
    }, { 
     type: 'area', 
     name: 'Area', 
     data: [1, 8, 2, 7, 3, 6, 4, 5] 
    }] 
}); 

EDIT

What I need

+0

?おそらく、サンプル粒度を増やすことができます(毎回45度ごとに取ったデータではなく、5回ごとに行う)。視覚的に気に入っている要素をチャートに追加することは、データが何を表示しているかを隠す場合には必ずしも良い考えではありません。 – wergeld

答えて

0

ちょうど変更エリアareasplineあなたはそう思うでしょうか

+0

私は必要なものを編集しました。エリアラインはあまりにも丸いです。完璧なシナリオは、両方の間にあるものです。 – rafaelncarvalho

0

ハイチャートHighcharts.seriesTypes.areaSpline.prototype.getPointSplineを同じ方法でスムージングパラメータを変更して上書きできます。 (デフォルト1.5)

... 
var smoothing = 3, // 1 means control points midway between points, 2 means 1/3 from the point, 3 is 1/4 etc 
... 

ライブ例:これはあなたのデータは、人工的な「かわいい」滑らかで追加するよりも、あるとして表示するほうがよいのではないでしょうどのように見えるの場合 http://jsfiddle.net/q3h6xwog/

+0

青い領域ではうまくいきましたが、黒い領域でテストしたときに奇妙なことが起こりました[jsfiddle](http://jsfiddle.net/5m198vsr/1/) – rafaelncarvalho

+0

私は上の例で小さな間違いをしました。メソッドを上書きしました領域スプラインではないスプラインの場合。私は今、私の答えを修正しました。 – stpoa

+0

正常なエリアラインのように見えます。あなたの新しい例を使って、areasplinerange.prototypeをareaspline.prototypeに変更し、3に平滑化します。同じ問題が発生します。[jsfiddle](http://jsfiddle.net/q3h6xwog/1/) – rafaelncarvalho

関連する問題