Tag: google visualization

配置Google带注释的时间轴: 我有一个有效的Google注释时间表（请参阅http://code.google.com/apis/chart/interactive/docs/gallery/annotatedtimeline.html上的文档）。我想明确设置一个start_date和end_date，我假设使用zoomStartTime和zoomEndTime 。但是，我无法让它工作，我认为这是因为我的语法错误或因为我使用了错误的日期格式。我的最后一行function： chart.draw(data, {‘displayAnnotations’: true}, {‘zoomStartTime’: new Date(2011, 6, 26)}, {‘zoomEndTime’: new Date(2011,6,30)}); 我怎么能纠正这个？

Rails chartkick堆积条形图: 我正在尝试使用Rails Chartkick gem创建堆积条形图，我正在使用Google图表API。我使用此行使用chartkick生成条形图。 {:isStacked => true} %> 但我得到的是一个简单的条形图而不是堆叠的条形图。我的问题是我应该传递给data参数的数据结构是什么。我试过传递一个数组，比如（来自谷歌图表样本） [[‘Genre’, ‘Fantasy & Sci Fi’, ‘Romance’, ‘Mystery/Crime’, ‘General’,’Western’, ‘Literature’, { role: ‘annotation’ } ],[‘2010’, 10, 24, 20, 32, 18, 5, ”]] 但它不起作用。

GOOGLE CHARTS使用工具折线图作为动态数组对象循环: 数组对象看起来像这样我从ruby中按产品名称日期和成本获取数据并存储在一个变量中… 第一个数组是产品名称，第二个数组数据是日期和成本。如何将x作为日期和y轴组合并显示为具有产品名称的成本如何在图表中实现，我不知道如何在javascript中迭代循环数组数据并使用arraydatatable或数据表在x和y轴上显示如果我传递直接数据数组我的代码，它与highcharts工作正常： data2 = [{“name”:”productname”,”data”:[[“2018-03-01”,18.89034482758612],[“2018-03-02”,18.89268292682916],[“2018-03-05”,18.89324503311252],[“2018-03-07”,18.89268292682916],[“2018-03-10”,18.89377777777766],[“2018-03-11”,18.893525179856],[“2018-03-12”,18.89359999999988],[“2018-03-13”,18.89311475409824],[“2018-03-14”,18.89311475409824],[“2018-03-15”,18.89294117647046],[“2018-03-16”,18.89272727272716],[“2018-03-17”,18.89387173396662],[“2018-03-18”,18.89366292134818],[“2018-03-19”,18.8923456790122]]}] google.charts.load(‘current’, {‘packages’:[‘corechart’]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable(data2 ); var options = { title: ‘Company Performance’, curveType: ‘function’, legend: { position: ‘bottom’ } }; var chart = new google.visualization.LineChart(document.getElementById(‘curve_chart’)); chart.draw(data, options); } google.charts.load(‘current’, {‘packages’:[‘corechart’]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable(data2); // how to iterate […]

使用GoogleVisualr创建图表: 我有一个示例应用程序，用于试用GoogleVisualr 我正在尝试创建一个折线图，其中x轴为日期时间，y轴为等级。因此，基于“created_at”和评级的评级图表的时间序列。我的控制器： Product.all.each do |p| data_table = GoogleVisualr::DataTable.new data_table.new_column(‘datetime’, ‘Date’) data_table.new_column(‘number’, ‘Rating’) data_table.add_rows([ [p.created_at, p.rating] ]) opts = { :width => 800, :height => 480, :title => ‘Graph of Ratings overtime’, :legend => ‘bottom’ } @chart = GoogleVisualr::Interactive::LineChart.new(data_table, opts) 数据： +—-+—————————————————————+——–+————————-+————————-+ | id | title | rating | created_at | updated_at | +—-+—————————————————————+——–+————————-+————————-+ […]