栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用来自Elasticsearch的搜索数据填充Google图表

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用来自Elasticsearch的搜索数据填充Google图表

我能够使用以下代码完成此操作(感谢dinjas):

<html>  <head>    <script type="text/javascript" src="https://www.google.com/jsapi"></script>    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>    <script type="text/javascript">     google.load('visualization', '1', {'packages':['corechart']});     google.setonLoadCallback(drawChart);   function drawChart() {      var json;    $.ajax({ url: 'http://localhost:9200/wcs/routes/_search', type: 'POST', data:     JSON.stringify(         {  "query" : { "match_all" : {} }         }), dataType : 'json', async: false, success: function(data){     json = data; }        })var jdata = {};jdata.cols = [    {        "id": "",        "label": "Lane",        "type": "string"    },    {        "id": "",        "label": "Routes",        "type":"number"    }];//need loop:jdata.rows = [    {        "c": [ {     "v": json.hits.hits[0]._source.lane }, {     "v": json.hits.hits[0]._source.routes }        ]    }];     var data = new google.visualization.DataTable(jdata);      var chart = new google.visualization.PieChart(document.getElementById('piechart_div'));     chart.draw(data, {is3D: true, title: 'Multi Routes per Lane', width: 600, height: 440});    }    </script></head><body>    <div id="piechart_div"> </div> </body></html>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/397841.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号