rangeSelectorBGStrokeColor: 'blue',
rangeSelectorBGLineWidth: 3,
rangeSelectorPlotLineWidth: 0.5,
- rangeSelectorPlotGradientColor: 'gray',
rangeSelectorFGStrokeColor: 'red',
rangeSelectorFGLineWidth: 2,
rangeSelectorAlpha: 0.8,
"type": "float",
"description": "The width of the range selector mini plot line."
},
- "rangeSelectorPlotGradientColor": {
- "default": "white",
- "labels": ["Interactive Elements"],
- "type": "string",
- "description": "The color that along with rangeSelectorPlotFillColor defines the linear gradient in the range selector mini plot. This can be of the form \"#AABBCC\" or \"rgb(255,100,200)\" or \"yellow\". You can also specify \"\" to turn off gradient."
- },
"rangeSelectorFGStrokeColor": {
"default": "black",
"labels": ["Interactive Elements"],
'rangeSelectorBGStrokeColor': true,
'rangeSelectorBGLineWidth': true,
'rangeSelectorPlotLineWidth': true,
- 'rangeSelectorPlotGradientColor': true,
'rangeSelectorFGStrokeColor': true,
'rangeSelectorFGLineWidth': true,
'rangeSelectorAlpha': true,
rangeSelectorBGStrokeColor: "gray",
rangeSelectorBGLineWidth: 1,
rangeSelectorPlotLineWidth:1.5,
- rangeSelectorPlotGradientColor: "white",
rangeSelectorFGStrokeColor: "black",
rangeSelectorFGLineWidth: 1,
rangeSelectorAlpha: 0.6,
if (!fillStyle && !strokeStyle) {
return;
}
- var gradientFillStyle = this.getOption_('rangeSelectorPlotGradientColor');
- if (!gradientFillStyle) { gradientFillStyle = fillStyle; }
var stepPlot = this.getOption_('stepPlot');
if (fillStyle) {
var lingrad = this.bgcanvas_ctx_.createLinearGradient(0, 0, 0, canvasHeight);
- lingrad.addColorStop(0, gradientFillStyle);
+ lingrad.addColorStop(0, 'white');
lingrad.addColorStop(1, fillStyle);
this.bgcanvas_ctx_.fillStyle = lingrad;
ctx.fill();