0

ハイチャートにスプラインチャートがあります。その高さは 0 から 1 です。線 y=0.5 より上のすべての点の背景色を赤にし、この線より下の点の背景色を緑にしたいと考えています。ハイチャートでこれを行うにはどうすればよいですか?

4

3 に答える 3

0

series.dataから[[x,y],...]に変換するユーティリティメソッドを非常にうまく作成できます[{ x:xVal,y:yVal,color:color,...}...]

この関数は次のようになります

function groupDataByValue(data, threshold, aboveColor, belowColor) {
    var newData = [];
    $.each(data, function() {
        var dataPoint = {
            x: this[0],
            y: this[1],
            marker: {}
        };
        var color;
        if (dataPoint.y > threshold) {
            color = aboveColor;
        } else {
            color = belowColor;
        }
        dataPoint.color = color;
        dataPoint.marker.fillColor = color;
        newData.push(dataPoint);
    });
    return newData;
}

プロパティを設定する前series.dataに、このメソッドに渡し、結果の値をseries.data

@ jsFiddle の値に基づく色付けポイント

于 2012-09-10T17:11:22.207 に答える
0

「この機能は Highcharts 3.0 で計画されています。SVG ブラウザーに限定された一時的なハックを作成しました。つまり、IE6、7、および 8 では機能しません。http://jsfiddle.net/highcharts/PMyHQ を参照してください。 / "
- @orstein Hønsi (管理者、Highcharts JS) - 2011 年 11 月 14 日

ソース: http://highcharts.uservoice.com/forums/55896-general/suggestions/787281-threshold-option-for-colors

于 2012-09-10T16:47:14.010 に答える
0

このようにしてみてください

$(document).ready(function(){
     $("#points").each(function(){
          if((this).val()>0.5)
              (this).css("background-color","red");
  });
})

すべてのポイントにはID「ポイント」が必要であり、それらの値はそれぞれの高さ（0.1、0.2、....のように）でなければならないことを考慮してください

于 2012-09-10T09:39:34.303 に答える