javascript - プロットのさまざまな部分の背景色をさまざまな色で設定する jqplot

Question

グラフの一部の背景色を異なる色で設定したい。また、特にjqplotとflotの場合、軸の目盛りもクリック可能にすることができます。私はハイチャートでそれを行うことができました。私がやったことを見ることができます：http://jsfiddle.net/fonpah/jPrvK/4/。誰かがjqplotまたはflotで同じことをできると本当にありがたい. ありがとう

Answer 1

flot はキャンバスを利用できるようにするため、ハイチャートの例からそこにコードを簡単に変換できます。

var plot = $.plot(...);
var ctx = plot.getCanvas().getContext("2d"); //get the canvas

var point1 = plot.pointOffset({ x: 5, y: 5}); //translate a value to pixels
var point2 = plot.pointOffset({ x: 10, y: 10}); 

//fill and draw a rectangle
ctx.fillStyle = "rgb(200,0,0)";
ctx.fillRect(point1.x,point1.y,point2.x,point2.y);

詳細については、注釈の例を参照してください。

Answer 2

Flot では、{fill=true} オプションを使用して塗りつぶし領域を非常に簡単に描画できます。例:

行: { show: true, fill: true, fillColor: "#98FB98" },