Hi,
I thought I'd give a the dashboard a try. I'd like to be able to filter by
column name. Am I correct in thinking that this is not possible? I'd like
the range slide not to contain any of the lines from the main chart.
This is the code:
<#cdns>
<#cdns>
<#cdns> <a href="#cdns" name="cdns">
<div id="cdns">
<div id="filter"></div>
<div id="chart" ></div>
</div> </a>
<script> google.setOnLoadCallback(trend_cdns) function trend_cdns() { var
data = new google.visualization.DataTable({"rows": [{"c": [{"v":
"Date(2012, 9, 1)"}, {"v": 4}, {}, {"v": 2}, {}, {"v": 1}, {}, {"v": 23},
{}, {}, {}, {"v": 1}, {}, {}, {"v": 1}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}, {"c": [{"v":
"Date(2012, 9, 15)"}, {"v": 5}, {}, {"v": 2}, {}, {"v": 1}, {}, {"v": 23},
{}, {}, {}, {"v": 1}, {}, {}, {"v": 1}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}, {"c": [{"v":
"Date(2012, 10, 1)"}, {"v": 5}, {}, {"v": 2}, {}, {"v": 1}, {}, {"v": 23},
{}, {}, {}, {"v": 1}, {}, {}, {"v": 1}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}, {"c": [{"v":
"Date(2012, 10, 15)"}, {"v": 5}, {}, {"v": 2}, {}, {"v": 1}, {}, {"v": 23},
{}, {}, {}, {"v": 1}, {}, {}, {"v": 2}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {"v": 1}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}, {"c": [{"v":
"Date(2012, 11, 1)"}, {"v": 5}, {}, {"v": 2}, {}, {"v": 1}, {}, {"v": 23},
{}, {}, {}, {"v": 1}, {}, {}, {"v": 2}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {"v": 1}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}, {"c": [{"v":
"Date(2012, 11, 15)"}, {"v": 6}, {}, {"v": 2}, {}, {"v": 1}, {}, {"v": 23},
{}, {}, {}, {"v": 1}, {}, {}, {"v": 2}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}, {"c": [{"v":
"Date(2013, 0, 1)"}, {"v": 5}, {}, {"v": 1}, {}, {"v": 1}, {}, {"v": 23},
{}, {}, {}, {"v": 1}, {}, {}, {"v": 2}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {"v": 1}, {}, {}, {}]}, {"c": [{"v":
"Date(2013, 0, 15)"}, {"v": 6}, {}, {"v": 1}, {}, {"v": 1}, {}, {"v": 23},
{}, {}, {}, {"v": 1}, {}, {}, {"v": 2}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {"v": 1}, {}, {}, {}]}, {"c": [{"v":
"Date(2013, 1, 1)"}, {"v": 6}, {}, {"v": 1}, {}, {"v": 1}, {}, {"v": 23},
{}, {}, {}, {"v": 1}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}, {"c": [{"v": "Date(2013,
1, 15)"}, {"v": 6}, {}, {"v": 1}, {}, {"v": 1}, {}, {"v": 23}, {}, {}, {},
{"v": 1}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}]}, {"c": [{"v": "Date(2013, 2, 1)"},
{"v": 6}, {}, {"v": 1}, {}, {"v": 1}, {}, {"v": 23}, {}, {}, {}, {"v": 1},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}]}, {"c": [{"v": "Date(2013, 2, 15)"}, {"v": 6}, {},
{"v": 1}, {}, {"v": 1}, {}, {"v": 22}, {}, {}, {}, {"v": 1}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}]}, {"c": [{"v": "Date(2013, 3, 1)"}, {"v": 6}, {}, {"v": 1}, {},
{"v": 1}, {}, {"v": 23}, {}, {}, {}, {"v": 1}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]},
{"c": [{"v": "Date(2013, 3, 15)"}, {"v": 6}, {}, {"v": 1}, {}, {"v": 1},
{}, {"v": 23}, {}, {}, {}, {"v": 2}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}, {"c":
[{"v": "Date(2013, 4, 1)"}, {"v": 6}, {}, {"v": 1}, {}, {"v": 1}, {}, {"v":
23}, {}, {}, {}, {"v": 2}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}, {"c": [{"v":
"Date(2013, 4, 15)"}, {"v": 6}, {}, {"v": 1}, {}, {"v": 1}, {}, {"v": 23},
{}, {}, {}, {"v": 2}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {},
{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}]}], "cols": [{"type":
"date", "id": "Date", "label": "Date"}, {"type": "number", "id": "Akamai",
"label": "Akamai"}, {"type": "number", "id": "Amazon CloudFront", "label":
"Amazon CloudFront"}, {"type": "number", "id": "CDNetworks", "label":
"CDNetworks"}, {"type": "number", "id": "Cloudflare", "label":
"Cloudflare"}, {"type": "number", "id": "Cotendo CDN", "label": "Cotendo
CDN"}, {"type": "number", "id": "Edgecast", "label": "Edgecast"}, {"type":
"number", "id": "Google", "label": "Google"}, {"type": "number", "id":
"Incapsula", "label": "Incapsula"}, {"type": "number", "id": "Level 3",
"label": "Level 3"}, {"type": "number", "id": "Limelight", "label":
"Limelight"}, {"type": "number", "id": "lxdns.com", "label": "lxdns.com"},
{"type": "number", "id": "Mirror Image", "label": "Mirror Image"}, {"type":
"number", "id": "NetDNA", "label": "NetDNA"}, {"type": "number", "id":
"Taobao", "label": "Taobao"}, {"type": "number", "id": "afxcdn.net",
"label": "afxcdn.net"}, {"type": "number", "id": "AT&T", "label":
"AT&T"}, {"type": "number", "id": "BitGravity", "label": "BitGravity"},
{"type": "number", "id": "BO.LT", "label": "BO.LT"}, {"type": "number",
"id": "Cachefly", "label": "Cachefly"}, {"type": "number", "id": "CDN77",
"label": "CDN77"}, {"type": "number", "id": "cubeCDN", "label": "cubeCDN"},
{"type": "number", "id": "Fastly", "label": "Fastly"}, {"type": "number",
"id": "Highwinds", "label": "Highwinds"}, {"type": "number", "id":
"Internap", "label": "Internap"}, {"type": "number", "id": "NGENIX",
"label": "NGENIX"}, {"type": "number", "id": "OnApp", "label": "OnApp"},
{"type": "number", "id": "Panther", "label": "Panther"}, {"type": "number",
"id": "VoxCDN", "label": "VoxCDN"}, {"type": "number", "id": "Windows
Azure", "label": "Windows Azure"}, {"type": "number", "id": "Yottaa",
"label": "Yottaa"}, {"type": "number", "id": "Yahoo", "label": "Yahoo"},
{"type": "number", "id": "Simple CDN", "label": "Simple CDN"}, {"type":
"number", "id": "ChinaCache", "label": "ChinaCache"}, {"type": "number",
"id": "Azion", "label": "Azion"}, {"type": "number", "id": "MediaCloud",
"label": "MediaCloud"}, {"type": "number", "id": "OVH CDN", "label": "OVH
CDN"}]});
var options = { title : "CDN Trends", width: 600, };
var dashboard = new google.visualization.Dashboard(
document.getElementById('cdns'));
var RangeSlider = new google.visualization.ControlWrapper({ 'controlType':
'ChartRangeFilter', 'containerId': 'filter', 'options': {
'filterColumnLabel': 'Date' } });
var chart = new google.visualization.ChartWrapper({ 'chartType':
'LineChart', 'containerId': 'chart', 'options':options });
dashboard.bind(RangeSlider, chart);
dashboard.draw(data, options); }
</script>
Thanks
Charlie
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
