Commit e672c50a authored by olau@iola.dk's avatar olau@iola.dk

Added option for setting line width to crosshairs plugins (patch by Phrogz)


git-svn-id: https://flot.googlecode.com/svn/trunk@214 1e0a6537-2640-0410-bfb7-f154510ff394
parent b69492b8
...@@ -5,12 +5,14 @@ over the plot. ...@@ -5,12 +5,14 @@ over the plot.
crosshair: { crosshair: {
mode: null or "x" or "y" or "xy" mode: null or "x" or "y" or "xy"
color: color color: color
lineWidth: number
} }
Set the mode to one of "x", "y" or "xy". The "x" mode enables a Set the mode to one of "x", "y" or "xy". The "x" mode enables a
vertical crosshair that lets you trace the values on the x axis, "y" vertical crosshair that lets you trace the values on the x axis, "y"
enables a horizontal crosshair and "xy" enables them both. "color" is enables a horizontal crosshair and "xy" enables them both. "color" is
the color of the crosshair (default is "rgba(170, 0, 0, 0.80)") the color of the crosshair (default is "rgba(170, 0, 0, 0.80)"),
"lineWidth" is the width of the drawn lines (default is 1).
The plugin also adds two public methods: The plugin also adds two public methods:
...@@ -32,7 +34,8 @@ The plugin also adds two public methods: ...@@ -32,7 +34,8 @@ The plugin also adds two public methods:
var options = { var options = {
crosshair: { crosshair: {
mode: null, // one of null, "x", "y" or "xy", mode: null, // one of null, "x", "y" or "xy",
color: "rgba(170, 0, 0, 0.80)" color: "rgba(170, 0, 0, 0.80)",
lineWidth: 1
} }
}; };
...@@ -90,7 +93,7 @@ The plugin also adds two public methods: ...@@ -90,7 +93,7 @@ The plugin also adds two public methods:
if (crosshair.x != -1) { if (crosshair.x != -1) {
ctx.strokeStyle = c.color; ctx.strokeStyle = c.color;
ctx.lineWidth = 1; ctx.lineWidth = c.lineWidth;
ctx.lineJoin = "round"; ctx.lineJoin = "round";
ctx.beginPath(); ctx.beginPath();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment