Questions tagged [visualization]

1

votes
0

answer
622

Views

Cannot read property 'DataTable' of undefined in google charts

as the title saying im getting this error when trying to get charts inside function in another file like this functions.php function get_likes($catid){ require dirname (__FILE__).'/dbfunction.php'; ?> google.charts.load('current', {'packages':['corechart']}); a= ; b= ; c= ; i= ; ///// this i is...
Samir Daraf
1

votes
1

answer
92

Views

Working with google charts (want to get the value of column when click on the column)

I am working with Google charts. I want to get the value of column which is clicked. column name is showing in alert but I want get the percentage value also var chart = new google.visualization.ColumnChart(document.getElementById('divAgingReport')); chart.draw(data2, options); google.visualization...
1

votes
0

answer
46

Views

Is there a max. number of Google Charts on one page?

This is hunting me the last 1.5 hour. I am trying to add a 16th graphs on a page (from a total of 20th) and now the legends of all graphs are off. google.charts.load('current', {packages: ['corechart']}); google.charts.setOnLoadCallback(chart1); // Incidents google.charts.setOnLoadCallback(chart2);...
alex
1

votes
0

answer
22

Views

Container not defined when toggling column data in Google Charts

Displaying an Area Chart with data. Initial chart draws and displays fine, but when I try the onclick check boxes to remove a column and redraw, I get 'Container not defined' error. The #chart element is contained in the base HTML and DOM, not being added later. The onclick events fire, and I can lo...
mrpatg
1

votes
0

answer
42

Views

How to select/deselect data for columns in Google Charts?

How can I add selection boxes in the legend which selects/deselects the data to be displayed? For instance say I want to deselect t2 to not appear in the stacked columns? google.charts.load('current', {packages: ['corechart']}); google.charts.setOnLoadCallback(drawChart) function drawChart() { va...
alex
1

votes
0

answer
357

Views

Google chart pagination

I have problem with google charts. I am using ColumnChart to show my data. I wan t to implement pagination on charts. This is my chart: I want to implement something like this: This is my option for chart var options = { width: '100%', height: '100%', chartArea: { width: '90%', height: '90%', }, bar...
mrkibzk
1

votes
0

answer
49

Views

Improve 3D animation for didactic usage

I am preparing some didactic materials about optical illusions. For this I decide to play around three.js. I’ve done illustrations for structure-from motion effect. The idea of this effect is that our visual system is always working in situation of insufficient information and should add lacking d...
zlon
1

votes
1

answer
104

Views

Google Charts LogScale not working

I'm using Google Charts to make a bar graph and I'm trying to get the graph to use a logscale on the vertical axis but it's not working for some reason. I've tried using logScale and scaleType but neither of them work. Here's my code: google.charts.load('current', { 'packages': ['bar'] }); google.ch...
Neuro
1

votes
1

answer
350

Views

Google Charts - Dashboard toggle data series on/off [duplicate]

This question already has an answer here: How to add colors to spefic columns in Google Charts 1 answer As always I appreciate the experts here! The check box should toggle the 5th column in the chart. (red goal line) Function colToggle() in general is working because the switch gets me to the righ...
cmill
1

votes
2

answer
468

Views

Hide axis tick values under a certain range in d3.js

I'm looking for a way of hiding axis tick values that fall under a certain range of values in D3.js. For example, let's say my y axis shows values from 0 to 100, showing every 20 of them (0, 20, 40, 60, 80, 100). Now, how would one hide certain tick values from showing up? So if I want to hide value...
Akbar
1

votes
0

answer
101

Views

Google visualization chart on server side c#

I need to export the geo chart generated using google visualization into an image. One way is to go to the client side, generated and render the geo chart and then use getImageURI() and using the result generates an image on the server side. But, is there a way that I can skip going to the client si...
Siddhannt Arora
1

votes
0

answer
134

Views

How to print two Google Charts in one PNG image?

I'm writting a code which shows two different Google Charts in one XHTML page. I need to put a button that export both graphs to the same PNG file, one above the other as they are shown. To export one single chart is easy and is already done; Google documentation teaches that in here with only minor...
Momergil
1

votes
0

answer
36

Views

How to plot several lines plots inside each tile of a SOM?

I'm currently working on SOM vizualisations. This is a SOM map with codes plots generated by using kohonen package Shortly, each circle is a neuron and inside each neuron we plot all the variable in a spectra shape. This plot is obtain by som_obj$codes[nameoftheneuron] (som_obj is the return value o...
Olorin.G
1

votes
1

answer
17

Views

Google Charts adding unwanted text

I'm made a integration with google Spreadsheets, works really well, but on the Y-AXIS on the BARS and LINES chart, a 'General' is printed with the range number! My code: // Load the Visualization API and the corechart package. google.charts.load('current', {'packages':['corechart']}); // Set a callb...
Erick Amaral
1

votes
0

answer
148

Views

Efficiently plotting large number of pictures on a grid in Python

I've implemented a program that outputs a very large number of tiny images next to each other in a certain way. Currently I'm using a grid of 50x50 but I want to be able to increase this and my current code becomes really slow in that case. I've read from several people online this is because of the...
user3343378
1

votes
1

answer
39

Views

Google visualisation with Chartrangeslider and data import from Google docs spreadsheet

I have the problem, that I dont manage to implement my data from a google spread sheet when using dashboard environment with chartwrapper and controlwrapper. I used the piechart example from the google charts website (https://developers.google.com/chart/interactive/docs/gallery/controls) and tried t...
Christoph Seiffert
1

votes
1

answer
65

Views

Legend in Google Chart not loading properly

I am using Google Charts for displaying data and the graph loads properly, but the legend is not loading properly. This is the jsfiddle link to my chart. Please check the legend position and you will understand my error. Below is my code, html test chart this is the test tab my js graph(); function...
Arigato Manga
1

votes
0

answer
136

Views

Google chart, annotations and label issues

I'm generating a graph using google chart, however I have several problems. First: Currently an annotation is displayed in the second series in which it shows the place in the ranking. However, if there is more space in the second series (gray background) the text is moved lower or disappears comple...
Hubert Szkudlarek
1

votes
1

answer
58

Views

Pie chart not showing slice

I create a pie chart using google services. the problem is that i want to show credit and debit in pie chart, but output comes only in one color. Here is my query. $data = mysqli_query($link, 'select SUM(pay_payable) as debit, SUM(pay_paid) as credit from purchasers_payment where p_id = '$pur_id'');...
umar Aslam
1

votes
1

answer
417

Views

Responsive Google Donut chart with responsive Pie hole?

I am trying to make my google charts responsive and this help me out a lot: as I am using bootstrap as well. But with my PieChart I added an overlay in the center piehole. How do I make the piehole overlay responsive as well, like in the code preview it was in the center but now it is way off and re...
user9191816
1

votes
0

answer
122

Views

Fade color of connected nodes on button click in d3

I want to change color on button click, in JavaScript(d3.js), only if node is connected with others. I'm following this example https://bl.ocks.org/mbostock/929623: rect { fill: none; pointer-events: all; } .node { fill: blue; } .link { stroke: #999; } var width = 960, height = 500; var fill = d3.sc...
Asia
1

votes
0

answer
269

Views

Line chart with radio button and multiple series

I would like to create a line chart like this, with the difference of having radio buttons instead of a dropdown selector. This is my data.csv file: CODE,YEAR,MODALITY,VALUE AB,2000,first,15 AB,2000,second, AB,2000,third,33 AB,2001,first,20 AB,2001,second,25 AB,2001,third,87 AB,2002,first,6 AB,2002,...
1

votes
0

answer
184

Views

d3js: display tips coorectly after zoom

I'm trying to write an example using D3.js where images lay on a static background. I can move the background and zoom and I can also move separate images (something like this but with images). Also, I need to display a tooltip when the mouse is over an image. Here what I have tried with d3js v4: Pr...
mrgloom
1

votes
1

answer
232

Views

Google Visualization DataTable Change background color

everyone! I have using google visualization datatable to create a simple orgchart but I want to change background color dynamically like the following. I have hardcode the row index to change backgroud color. How to get this row index using for loop or other methods? Please help!!! function OnSucces...
user1735815
1

votes
1

answer
25

Views

google-visualization Class ChartOptions get-method

Refering to https://developers.google.com/apps-script/reference/charts/chart-options it is possible to use the method get(option) for an Class ChartOptions object. Using this code: var allChartOptions = gcharts_LineChart.getOptions(); console.log(allChartOptions); I get the log: Object { title: 'ave...
N. Her
1

votes
1

answer
28

Views

How to get Google Charts to sort and give me correct answer

Okay so I have some data and I need to get Google Charts to sort 3 types of answers from several lines of code. How do I do that with my current code: google.charts.load('current'); // Don't need to specify chart libraries! google.charts.setOnLoadCallback(drawVisualization); function drawVisualiza...
Chancellor Purvis
0

votes
1

answer
185

Views

google-visualization-table-page-numbers background color change

I'm trying to change what I would call the footer background color where the google-visualization-table-page-numbers go. I would like the background color to extend the entire width of the table. I am hoping someone can help me find the correct solution.
Chris S
1

votes
1

answer
233

Views

One or more participants failed to draw() with google dashboard

I tried to implement a google dashboard prototype with a category picker and a pie chart, while displaying the datatable. However, even while following the sample code from the documentation (https://developers.google.com/chart/interactive/docs/gallery/controls#5-create-control-and-chart-instances),...
nilesguo
1

votes
0

answer
350

Views

Metabase: Date Range filter to dashboards created by native query

I use Metabase for data visualization. Druid (imply-2.2.3) is data storage. Created Metabase Questions I put on the dashboard and filter them all by Date Range. When I try to add Date Range filter to question created by native query, metabase just can't find timestamp field for filtering and says: '...
Bo.
1

votes
1

answer
549

Views

3D biplot in Plotly in Python

I want to plot something like a biplot in python Plotly ,but using 3 principal components so as to make a 3d plot. How do I go about plotting the direction vectors(the red lines) of principal components in plotly python? There is exactly the same question , but for R, here. I am not able to transl...
GeneX
1

votes
0

answer
201

Views

pivottablejs does not display any result in the jupyter notebook

pivottablejs does not display any result in the jupyter notebook. Clicking on the hyperlink(pop out), displays an empty page. from pivottablejs import pivot_ui from IPython.display import IFrame from IPython.core.display import display import pandas as pd df = pd.read_csv('sample.csv',encoding='utf...
Hackerds
1

votes
0

answer
158

Views

Custom labels on range aggregation in kibana

I would like to customize the labels for range aggregation in kibana 5.6.6: With something like : Very short Short Medium Long Too long Way too long With this kind of range: Thanks in advance.
Zaphod
1

votes
1

answer
24

Views

Google chart ordered by stack height

I'm trying to reorder my chart after inserting some data from a json file. I've tried to sort the data array without success. There's any plugin or easy way to reorder the stacks and show the tallest first? Heres my code: var ChartHelper = { data: [], labels: [], datarray: [], init: function() {...
Bruno Sousa
1

votes
1

answer
97

Views

neo4j Grass documentation? Trying to set node size from a property

Is this possible using .grass? I made a property called diameter and set it to '50px' on a node, but it doesn't work. The nodes just disappear. 'node.User': { 'color': '#FB95AF', 'border-color': '#E0849B', 'text-color-internal': '#FFFFFF', 'caption': '{name}', 'diameter': '{diameter}' }
JamEnergy
1

votes
1

answer
90

Views

Can't Load Google Chart Using Json File with JSP

Im using Google charts API to load a pie chart from json file data Here is where the chart is created (The HTML File) : // Load the Visualization API and the piechart package. google.charts.load('current', {'packages':['corechart']}); // Set a callback to run when the Google Visualization API is l...
Anas Elbenney
1

votes
1

answer
91

Views

assign $scope.chart.options based on conditional check - javascript

I am working on google chart API.I am working on timeline chart. I want to assign the colors of the bar inside the timeline chart based on the conditional check. Below is the condition: var firstWord = value.detail.trim().split(' ')[0]; if(firstWord === 'monthly'){ $scope.chart.options.colors[0]=...
user9241515
1

votes
2

answer
96

Views

PHP Aligning multiple arrays of different lengths

I'm probably just overlooking the obvious but I'd like to blame it on the fact that I'm new to PHP. I have some number of arrays being returned with similar information but differing amounts of it. I'll put some example arrays below: (t1-s1-1=1, t1-s1-2=1, t1-s2-1=1, t1-s2-2=1) (t2-s1-1=1, t2-s2-1=2...
user1551674
1

votes
0

answer
67

Views

not showing the label information completely on the chart when there is no enough space show full text

I am working on angularjs google chart API timeline chart. Please find the demo https://plnkr.co/edit/Krrz1uCeNlvl849E1P1x?p=preview I am showing multiple rows information in a single row as shown in the demo. when there are multiple rows information shown in a single row as shown in the demo plunk...
dexter
1

votes
1

answer
40

Views

Google stack Chart not rendered when data is assigned from a variable

I need to develop a stacked chart in Google Charts and I'm new to it. Here is the sample code for generating the chart. function drawChart() { var data = google.visualization.arrayToDataTable(['Label', 'I', { role: 'style' }, 'J', { role: 'style' }, 'K', { role: 'style' }, 'M', { role: 'style' }...
CrazyCoder
1

votes
1

answer
289

Views

Changing y axis text on mcmc_areas() plot from bayesplot R package

I am having some trouble altering the y-axis values in graphs produced by the mcmc_areas function. My goal is to change the text and update the y-axis values to include greek, subscripted letters. I can do this pretty easily in other graphs that can be created using the bayesplot package in R. For...
Matt Barstead

View additional questions