Post examples for dataValues, chartTitle, columnNames, and categoryCaption
and I'll test it.
On Monday, May 12, 2014 9:40:25 AM UTC-4, Missy wrote:
>
> I am currently getting a blank screen on the client-end with no error
> message in the browser debugger, hence I am little unclear where the code
> may be going wrong:
>
> <script type="text/javascript">
> function drawVisualization(dataValues, chartTitle, columnNames,
> categoryCaption) {
> if (dataValues.length < 1)
> return;
>
> var data = new google.visualization.DataTable();
> data.addColumn('string', columnNames.split(',')[0]);
> data.addColumn('number', columnNames.split(',')[1]);
> data.addColumn('string', columnNames.split(',')[2]);
> data.addColumn('datetime', columnNames.split(',')[3]);
>
> for (var i = 0; i < dataValues.length; i++) {
>
> //var date = new
> Date(parseInt(dataValues[i].Date.substr(6), 10));
> var date = new Date(parseInt(dt.getValue(row, 3)));
>
> data.addRow([dataValues[i].ColumnName,
> dataValues[i].Value, dataValues[i].Type, date]);
> }
>
> // Define a category picker control for the Gender column
> var categoryPicker = new google.visualization.ControlWrapper({
> 'controlType': 'CategoryFilter',
> 'containerId': 'CategoryPickerContainer',
> 'options': {
> 'filterColumnLabel': columnNames.split(',')[2],
> 'filterColumnIndex': '2',
>
> 'ui': {
> 'labelStacking': 'horizontal',
> 'allowTyping': false,
> 'allowMultiple': false,
> 'caption': categoryCaption,
> 'label': 'Price Type',
> }
> }
> });
>
> var dateFormatter = new google.visualization.DateFormat({
> pattern: 'dd MM yyyy' });
> var line = new google.visualization.ChartWrapper({
> 'chartType': 'LineChart',
> 'containerId': 'PieChartContainer',
> 'options': {
> 'width': 950,
> 'height': 450,
> 'legend': 'right',
> 'hAxis': {
> 'format': "dd-MM-yyyy",
> 'hAxis.maxValue': 'viewWindow.max',
> 'maxValue': new Date(2014, 05, 30), 'minValue':
> new Date(2014, 04, 05),
> 'viewWindow': { 'max': new Date(2014, 05, 30) },
> },
> 'title': chartTitle,
> 'chartArea': { 'left': 100, 'top': 100, 'right': 0,
> 'bottom': 100 },
> 'tooltip': { isHtml: true }
> },
> 'view': {
> 'columns': [{
>
> type: 'string',
> label: data.getColumnLabel(3),
> calc: function (dt, row) {
> var date = new Date(parseInt(dt.getValue(row,
> 3)));
> return dateFormatter.formatValue(date);
> }
> }, 1, {
> type: 'string',
> role: 'tooltip',
> calc: function (dt, row) {
> return 'Name: ' + dt.getValue(row, 0) + ',
> Decimal Price: ' + +dt.getValue(row, 1) + ', Date: ' +
> +dt.getFormattedValue(row, 3);
> }
> }]
> }
> });
>
> new
> google.visualization.Dashboard(document.getElementById('PieChartExample')).bind([categoryPicker],
>
> [line]).draw(data);
> }
>
> I am getting a blank screen on the client-end, with the following warning
> only, in the console debug of my chrome browser:
>
> *event.returnValue is deprecated. Please use the standard
> event.preventDefault() instead. --> warning*
>
> Please provide any guidance in how I can solve this issue. Thank you for
> your response and time.
>
--
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.
For more options, visit https://groups.google.com/d/optout.
