Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
N
nexpie-grafana-theme
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Registry
Registry
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Kornkitt Poolsup
nexpie-grafana-theme
Commits
54bc5ddb
Commit
54bc5ddb
authored
Apr 05, 2013
by
Zachary Tong
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Binning settings, data settings
parent
b7a5afcb
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
78 additions
and
11 deletions
+78
-11
panels/map2/editor.html
+61
-3
panels/map2/module.js
+17
-8
No files found.
panels/map2/editor.html
View file @
54bc5ddb
...
@@ -54,9 +54,8 @@
...
@@ -54,9 +54,8 @@
</div>
</div>
</div>
</div>
<div
class=
"row-fluid"
>
<div
class=
"row-fluid tabDetails"
ng-show=
"isActive('geopoints')"
>
<div
class=
"span8 offset1 tabDetails"
>
<div
class=
"span8 offset1"
>
<div
ng-show=
"isActive('geopoints')"
>
<table>
<table>
<tbody
>
<tbody
>
<tr>
<tr>
...
@@ -102,6 +101,65 @@
...
@@ -102,6 +101,65 @@
</tbody>
</tbody>
</table>
</table>
</div>
</div>
</div>
<div
class=
"row-fluid tabDetails"
ng-show=
"isActive('binning')"
>
<div
class=
"span8 offset1"
>
<table>
<tbody
>
<tr>
<td>
Binning
</td>
<td>
<button
type=
"button"
class=
"btn"
bs-button
ng-change=
"$emit('render')"
ng-class=
"{'btn-success': panel.display.binning.enabled}"
ng-model=
"panel.display.binning.enabled"
>
{{panel.display.binning.enabled|enabledText}}
</button>
</td>
</tr>
<tr>
<td>
Hexagon size
</td>
<td>
<input
type=
"text"
style=
"width:100px"
ng-change=
"$emit('render')"
data-placement=
"right"
bs-tooltip=
"'Controls the size of the hexagonal binning'"
ng-model=
"panel.display.binning.hexagonSize"
value=
"{{panel.display.binning.hexagonSize}}"
/>
</td>
</tr>
<tr>
<td>
Hexagon Transparency
</td>
<td>
<input
type=
"text"
style=
"width:100px"
ng-change=
"$emit('render')"
data-placement=
"right"
bs-tooltip=
"'Controls the transparency of hexagonal bins. Valid numbers are between 0.0 and 1.0'"
ng-model=
"panel.display.binning.hexagonAlpha"
value=
"{{panel.display.binning.hexagonAlpha}}"
/>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div
class=
"row-fluid tabDetails"
ng-show=
"isActive('data')"
>
<div
class=
"span8 offset1"
>
<table>
<tbody
>
<tr>
<td>
Data Points
</td>
<td>
<input
type=
"text"
style=
"width:100px"
ng-change=
"get_data()"
data-placement=
"right"
bs-tooltip=
"'Controls the number of samples used in the map. Be careful with this value!'"
ng-model=
"panel.display.data.samples"
value=
"{{panel.display.data.samples}}"
/>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
...
...
panels/map2/module.js
View file @
54bc5ddb
...
@@ -6,12 +6,15 @@ angular.module('kibana.map2', [])
...
@@ -6,12 +6,15 @@ angular.module('kibana.map2', [])
query
:
"*"
,
query
:
"*"
,
map
:
"world"
,
map
:
"world"
,
colors
:
[
'#C8EEFF'
,
'#0071A4'
],
colors
:
[
'#C8EEFF'
,
'#0071A4'
],
size
:
100
0
,
size
:
100
,
exclude
:
[],
exclude
:
[],
spyable
:
true
,
spyable
:
true
,
group
:
"default"
,
group
:
"default"
,
index_limit
:
0
,
index_limit
:
0
,
display
:
{
display
:
{
data
:
{
samples
:
1000
},
geopoints
:
{
geopoints
:
{
enabled
:
true
,
enabled
:
true
,
enabledText
:
"Enabled"
,
enabledText
:
"Enabled"
,
...
@@ -19,10 +22,13 @@ angular.module('kibana.map2', [])
...
@@ -19,10 +22,13 @@ angular.module('kibana.map2', [])
pointAlpha
:
0.6
pointAlpha
:
0.6
},
},
binning
:
{
binning
:
{
enabled
:
true
,
hexagonSize
:
10
,
hexagonAlpha
:
1.0
}
}
},
},
displayTabs
:
[
"Geopoints"
,
"Binning"
],
displayTabs
:
[
"Geopoints"
,
"Binning"
,
"Data"
],
activeDisplayTab
:
"Geopoints"
activeDisplayTab
:
"Geopoints"
};
};
...
@@ -59,7 +65,7 @@ angular.module('kibana.map2', [])
...
@@ -59,7 +65,7 @@ angular.module('kibana.map2', [])
var
facet
=
$scope
.
ejs
.
TermsFacet
(
'map'
)
var
facet
=
$scope
.
ejs
.
TermsFacet
(
'map'
)
.
field
(
$scope
.
panel
.
field
)
.
field
(
$scope
.
panel
.
field
)
.
size
(
1000
)
.
size
(
$scope
.
panel
.
display
.
data
.
samples
)
.
exclude
(
$scope
.
panel
.
exclude
)
.
exclude
(
$scope
.
panel
.
exclude
)
.
facetFilter
(
ejs
.
QueryFilter
(
.
facetFilter
(
ejs
.
QueryFilter
(
ejs
.
FilteredQuery
(
ejs
.
FilteredQuery
(
...
@@ -218,12 +224,16 @@ angular.module('kibana.map2', [])
...
@@ -218,12 +224,16 @@ angular.module('kibana.map2', [])
.
attr
(
"class"
,
"boundary"
)
.
attr
(
"class"
,
"boundary"
)
.
attr
(
"d"
,
path
);
.
attr
(
"d"
,
path
);
//Geocoded points are decoded into lat/lon, then projected onto x/y
var
points
=
_
.
map
(
scope
.
data
,
function
(
k
,
v
)
{
var
points
=
_
.
map
(
scope
.
data
,
function
(
k
,
v
)
{
var
decoded
=
geohash
.
decode
(
v
);
var
decoded
=
geohash
.
decode
(
v
);
return
projection
([
decoded
.
longitude
,
decoded
.
latitude
]);
return
projection
([
decoded
.
longitude
,
decoded
.
latitude
]);
});
});
//hexagonal binning
if
(
scope
.
panel
.
display
.
binning
.
enabled
)
{
var
color
=
d3
.
scale
.
linear
()
var
color
=
d3
.
scale
.
linear
()
.
domain
([
0
,
20
])
.
domain
([
0
,
20
])
...
@@ -232,7 +242,7 @@ angular.module('kibana.map2', [])
...
@@ -232,7 +242,7 @@ angular.module('kibana.map2', [])
var
hexbin
=
d3
.
hexbin
()
var
hexbin
=
d3
.
hexbin
()
.
size
([
width
,
height
])
.
size
([
width
,
height
])
.
radius
(
10
);
.
radius
(
scope
.
panel
.
display
.
binning
.
hexagonSize
);
g
.
selectAll
(
".hexagon"
)
g
.
selectAll
(
".hexagon"
)
.
data
(
hexbin
(
points
))
.
data
(
hexbin
(
points
))
...
@@ -247,13 +257,12 @@ angular.module('kibana.map2', [])
...
@@ -247,13 +257,12 @@ angular.module('kibana.map2', [])
.
style
(
"fill"
,
function
(
d
)
{
.
style
(
"fill"
,
function
(
d
)
{
return
color
(
d
.
length
);
return
color
(
d
.
length
);
})
})
.
attr
(
"opacity"
,
1
);
.
attr
(
"opacity"
,
scope
.
panel
.
display
.
binning
.
hexagonAlpha
);
}
/* raw geopoints */
//Raw geopoints
if
(
scope
.
panel
.
display
.
geopoints
.
enabled
)
{
if
(
scope
.
panel
.
display
.
geopoints
.
enabled
)
{
g
.
selectAll
(
"circles.points"
)
g
.
selectAll
(
"circles.points"
)
.
data
(
points
)
.
data
(
points
)
.
enter
()
.
enter
()
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment