Tag: 谷歌可视化

如何在ajax url中检查身份validation？: 考虑以下ajax调用： function drawCharts() { var jsonData1 = $.ajax({ url: “http://localhost:****/*/*”, dataType:”json”, async: false }).responseText; 我的index.html 我正在制作一个api，使用Google Visualization Api将json数据转换为表格forms。在访问url时，url会询问用户名和密码。我有证件。注意：用户名和密码用于保护URL中的数据免受未经授权的访问。我需要在打开index.html页面时询问用户名，然后显示该表。

一个或多个参与者未能绘制（）: 这是我的代码我希望有一个与dashbord的combochart但我有这个错误：一个或多个参与者未能画出（）×janv。 2013janv。 2013févr。 2013févr。 2013mars 2013mars 2013avr。 2013avr。 2013mai 2013mai 2013juin 2013juin 2013juil。 2013juil。 2013août2013août2013 !function($) { google.load(‘visualization’, ‘1.1’, {packages: [‘corechart’]}); google.load(‘visualization’, ‘1’, {packages: [‘controls’]}); google.setOnLoadCallback(initialize); function initialize(cityName) { // You can manipulate the variable response // Success! var query = new google.visualization.Query(‘http://api.XXX.com/XXX/datasource?table=montmorin’); query.setQuery(“select (cost_reportings_timestamp), sum (cost_reportings_cost) group by (cost_reportings_timestamp) pivot ecoadmin_zone_name”); //Send the […]

为什么在我刷新之前不会加载谷歌图表: 我一直在使用谷歌图表一段时间没有任何问题。我的代码根本没有改变，但最近我的图表还没有加载，直到我刷新浏览器几次，等待，然后再次刷新。当图表加载时它们很好。我可以去其他页面然后回来，他们立即加载。我会说现在我在我的html之后而不是之前加载我的jquery，这会加倍确保页面在jquery之前加载。我正在使用mozilla firefox。如果我不关闭浏览器一切都很好，但只要我关闭浏览器并返回页面，图表就不会立即显示。这让我觉得一旦它在缓存中一切都很好，但我认为从谷歌图表中获取loader.js存在问题。我使用以下内容包含谷歌图表然后我包括我的jquery 最初我没有把我的代码放在文档中，但我最近添加了这个，以确保在运行我的代码之前已经加载了页面。然后这是我的charts.js jQuery代码加载图表（我显然包括jquery，但这里没有显示） $(document).ready(function(){ $.post(“database/home/ajax/ajax.php”, {CODE:”loadCharts”}, function(data){ google.charts.load(‘current’, { callback: function () { myData1=data.chart.splice(0,data.salesCount); myData2=data.chart.splice(0,data.expensesCount); myData3=data.chart.splice(0,data.hrcostCount); drawBarChart(‘total_sales_chart’,myData1,”Total Sales Last Six Months”,”Sales”); drawBarChart(‘total_expenses_chart’,myData2,”Total Expenses Last Six Months”,”Expenses”); drawBarChart(‘total_hr_chart’,myData3,”Total HR Costs Last Six Months”,”HR Costs”); function drawBarChart(id,myData,title,axis) { var data = new google.visualization.DataTable(); data.addColumn(‘date’, ‘Month’); data.addColumn(‘number’, […]

谷歌图表图表设置图例值和相同的颜色列: data = [[“product1”，3.6126719999999977]，[“product2”，6.827597999999999]，[“product2”，1008.0]]当我使用数组数据并在列或条形图中实现时间显示为图例值而不是’不同产品名称’和所有条形图看起来都是相同的颜色列。我想将图例名称作为产品名称和不同颜色添加到所有列 google.charts.load(‘current’, { packages: [‘corechart’] }).then(function () { $.ajax({ url: ‘path to data’, dataType: ‘json’ }).done(function (jsonData) { loadData(jsonData); }).fail(function (jqXHR, textStatus, errorThrown) { var jsonData = [[“product1”,450],[“product2”,23],[“product3”,1008.0]]; loadData(jsonData, ‘1’, ‘Column’); }); // load json data function loadData(jsonData, id, chartType) { // create data table var dataTable = new google.visualization.DataTable(); switch (chartType) […]

就绪事件未按预期工作: 我试图实现就绪事件处理程序，基本上是从指南复制，但我不能让它工作。我错过了什么？ function drawVisualization() { … … … table = new google.visualization.Table(document.getElementById(‘table1’)); table.draw(dataTable, {width: 1100}); google.visualization.events.addListener(table, ‘ready’, resizeTable); } function resizeTable() { alert(‘Will this work?’); } //此代码不会产生警报

如何从按钮onclick事件启动fancybox来绘制谷歌图表？: 我们可以在弹出式花式框中绘制谷歌图表吗？我在表格中显示了数据，每行都有一个按钮，用于显示每条记录的谷歌图表。目前，我的图表始终显示在表格后面的底部，但是当记录在屏幕上滚动时，用户需要滚动到底部才能获得图表视图。有可能使用fancybox或某种方式来解决这个不方便的问题吗？谢谢你的建议！ HTML： data … pie chart JS： function drawPieChart(dataArr, elementId) { //dataArr : the data to display //elementId : element where to display chart var data = google.visualization.arrayToDataTable(dataArr); var chart = new google.visualization.PieChart(document.getElementById(elementId)); chart.draw(data, options); } function showChart(){ //alert(“readyState=” + xhr2.readyState); if(xhr2.readyState == 4) { if(xhr2.status == 200){ var allEmp = […]

字符串filter和控制过滤数据多个谷歌图表: 我被困在谷歌图表的范围filter堆栈列图表只是我想显示一些范围的数据..你能找到类别filter有什么问题吗？如何按日期范围显示filter？是否有其他选项按产品名称进行过滤？非常感谢你……………. google.charts.load(‘current’, { packages: [‘corechart’,’controls’] }).then(function () { // save charts for redraw var charts = {}; var options = { isStacked :’true’, Column: { chartArea: { height: ‘100%’, width: ‘100%’, top: 60, left: 64, right: 32, bottom: 48, }, hAxis: { format: ‘ddd’ }, height: ‘100%’, legend: { position: ‘top’ }, […]

通过ajax调用加载谷歌图表: 我点击链接后试图调用谷歌图表。这就是我的function： function getGraphData(id) { var ajax_url = ‘ajaxlibrary/get-graph-data’; $.ajax({ type: ‘POST’, url: ajax_url, dataType: ‘html’, data: ({ id : id }), cache: false, success: function(data) { $(‘a’).removeClass(“selected”); $(‘#link_’+id).addClass(“selected”); alert(data); }, }); } 所以我在这里想要实现的是为不同的类似物加载不同的图形，所以假设我有政治图表，体育图表等。我不知道在哪里放置Google API代码，因为它似乎是只是不工作…… 编辑：我编辑了这样的function： $.ajax({ type: “POST”, dataType: “html”, data: {id: id}, url: ” + ‘ajaxlibrary/get-charts’, success: function(datas) { console.log(datas); var data = […]

响应式Google图表的最佳做法: 我在我的网站上有这个谷歌图表。现在这是一个Scatter图表，但我想要所有类型的图表的解决方案。例如，如果您使用700像素宽的窗口加载网站，则图表尺寸不响应：图表太宽。以下是我正在使用的代码。你能帮助我吗？谢谢 HTML： CSS： #chart_div { width:100%; height:20%; } JS： var options = { title: ‘Weight of pro surfer vs. Volume of his pro model’, hAxis: {title: ‘Weight (kg)’, minValue: 53, maxValue: 100}, //55 vAxis: {title: ‘Volume (l)’}, //, minValue: 20, maxValue: 40}, //20 legend: ‘none’, width: ‘100%’, height: […]

用JSON绘制谷歌图表: 如果它是一个单独的JSON文件，我如何检索和使用谷歌图表的数据集？我尝试过jQuery getJSON但是无法让它工作..谷歌Viz应该使用JSON绘制条形图是否有原生的谷歌API方式？或者我可以找到使用jQuery的方法以及如何使用？谢谢 // Load the Visualization API and the piechart package. google.load(‘visualization’, ‘1.0’, {‘packages’:[‘corechart’]}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart); // Callback that creates and populates a data table, // instantiates the pie chart, passes in the data and // draws it. function drawChart() […]