私は優れたjqPlotプラグインを使用していますが、ドキュメントで見つけられなかった唯一の機能は、「背景/グリッドの一部をいくつかの異なる色で色付けする方法」です。
私のグラフの x 軸の単位は日付です。可能であれば、グリッドの背景色を変更して、グリッドの週末部分 (のみ) を強調したいと思います。
または、誰かが別のアイデアを持っているでしょうか？
ありがとう
最終回答で編集
Boro の提案に基づいて、「verticalLine」オプションの代わりに「line」オプションを使用して、背景の一部を強調表示するより良い方法を開発しました。実は「verticalLine」は開発者が線幅をどうにかしなければならないので、線の幅が境界線からではなく線の中心から広がるため、必要なものを得るのが難しいのです。
「線」オプションを使用すると、開始点と終了点を設定して、背景の正確な部分をハイライトするように設定できます。width パラメーターは、行を列として表示するために引き続き使用されますが、垂直方向ではなく水平方向に広がります。
「lineWidth」プロパティについては、値はピクセル単位で定義されます。したがって、グラフ コンテナーの高さで値を確実に設定し、「開始」プロパティと「終了」プロパティの「y」値をシリーズ データの平均または y 軸のおおよその中間範囲で設定することができます。
ここでボロのフィドルを更新しました
grid:
{
drawGridLines: true, // wether to draw lines across the grid or not.
gridLineColor: '#cccccc', // Color of the grid lines.
backgroundColor: "#eee",
borderColor: '#999999', // CSS color spec for border around grid.
borderWidth: 2.0, // pixel width of border around grid.
shadow: true, // draw a shadow for grid.
shadowAngle: 45, // angle of the shadow. Clockwise from x axis.
shadowOffset: 1.5, // offset from the line of the shadow.
shadowWidth: 3, // width of the stroke for the shadow.
shadowDepth: 3, // Number of strokes to make when drawing shadow.
// Each stroke offset by shadowOffset from the last.
shadowAlpha: 0.07, // Opacity of the shadow
},
canvasOverlay: {
show: true,
objects:
[
{
line:
{
start : [new Date('2012-01-12').getTime(),20],
stop : [new Date('2012-01-13').getTime(),20],
lineWidth: 1000,
color: 'rgba(255, 0, 0,0.45)',
shadow: false,
lineCap : 'butt'
}
},
{
line:
{
start : [new Date('2012-01-13').getTime(),20],
stop : [new Date('2012-01-14').getTime(),20],
lineWidth: 1000,
color: 'rgba(255, 0, 0,0.45)',
shadow: false,
lineCap : 'butt'
}
}
]
}
