The chart is probably disappearing because the error I mentioned
before is interrupting the generation of the chart. So you need to
correct the missing trailing comma. I.e.
['Hunan', 3180, 3846],
['Inner Mongolia', 10489, 4602]
['Jiangsu', 13010, 12862],
...
should instead be:
['Hunan', 3180, 3846],
['Inner Mongolia', 10489, 4602],
['Jiangsu', 13010, 12862],
...
Regarding Chinese Provinces, you can use GeoChart, as shown in this
chart:
http://savedbythegoog.appspot.com/?id=4c4ebf9d3797c0eaaea16b61c70294f836d2cfbd
You can reference them either by the subdivision name or the code both
of which may be found at http://en.wikipedia.org/wiki/ISO_3166-2:CN
dan
On Thu, Oct 4, 2012 at 11:27 AM, UI <[email protected]> wrote:
>
> Thanks. I have no problem showing the chart live up to Mongolia but then
> when I add one entry the Chart disappears. Is there a solution to include
> the entire list?
>
> The data set has the following variables I am trying to show on one chart if
> possible:
> "Province" "Planned Housing" "Actually Housing" "Planned Public Housing"
> "Actual Public Housing"
>
> I split the charts into two:(All housing: actual and planned) and (Public
> housing: actual and planned) as a temporary solution. My goal will be to
> link this to an actual China map. This poses another problem because Google
> Maps has the US States but does not list Chinese Provinces.
>
> Sorry I am new to google charts and HTML.
>
> On Wednesday, October 3, 2012 2:39:41 PM UTC+8, UI wrote:
>>
>> I am using a slider range filter function on a barChart and I am only
>> allowed 15 entries. Is this a technical problem or limitation of the google
>> chart Api.
>>
>> Code bellow:
>>
>> /<html xmlns="http://www.w3.org/1999/xhtml";>
>> <head>
>> <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
>> <title>
>> Google Visualization API Sample
>> </title>
>> <script type="text/javascript"
>> src="http://www.google.com/jsapi";></script>
>> <script type="text/javascript">
>> google.load('visualization', '1.1', {packages: ['controls']});
>> </script>
>> <script type="text/javascript">
>> function drawVisualization() {
>> // Prepare the data
>> var data = google.visualization.arrayToDataTable([
>> ['Province', 'Planned', 'Actual'],
>> ['Anhui' , 10674, 6477],
>> ['Beijing', 2500, 2525],
>> ['Chongqing', 6449, 2887],
>> ['Fujian', 4234, 2002],
>> ['Gansu', 2420, 1555],
>> ['Guangdong', 7504, 4570],
>> ['Guangxi', 5002, 2846],
>> ['Guizhou', 4544, 1636],
>> ['Hainan', 1564, 1491],
>> ['Hebei', 10826, 5716],
>> ['Heilongjiang', 8753, 5261],
>> ['Henan', 7372, 5795],
>> ['Hubei', 5548, 3776],
>> ['Hunan', 3180, 3846],
>> ['Inner Mongolia', 10489, 4602]
>> ['Jiangsu', 13010, 12862],
>> ['Jiangxi', 4391, 3194],
>> ['Jilin', 5565, 2965],
>> ['Liaoning', 12708, 9448],
>> ['Ningxia', 1787, 1467],
>> ['Qinghai', 835, 643],
>> ['Shaanxi', 3466, 2347],
>> ['Shandong', 18165, 12227],
>> ['Shanghai', 1100, 1162],
>> ['Shanxi', 4730, 1961],
>> ['Sichuan', 8160, 6129],
>> ['Tianjin', 1740, 2364],
>> ['Tibet', 4822, 3788],
>> ['Yunnan', 4970, 2929],
>> ['Zhejiang', 8240, 6911],
>> ]);
>>
>> // Define a NumberRangeFilter slider control for the 'GDP Growth
>> Rate' column.
>> var slider = new google.visualization.ControlWrapper({
>> 'controlType': 'NumberRangeFilter',
>> 'containerId': 'control1',
>> 'options': {
>> 'filterColumnLabel': 'Planned',
>> 'minValue': 500,
>> 'maxValue': 20000
>> }
>> });
>>
>> // Define a bar chart
>> var barChart = new google.visualization.ChartWrapper({
>> 'chartType': 'BarChart',
>> 'containerId': 'chart1',
>> 'options': {
>> 'width': 800,
>> 'height': 2000,
>> 'hAxis': {'minValue': 0, 'maxValue': 2000},
>> 'chartArea': {top: 0, right: 0, bottom: 0}
>> }
>> });
>>
>> // Create the dashboard.
>> var dashboard = new
>> google.visualization.Dashboard(document.getElementById('dashboard')).
>> // Configure the slider to affect the bar chart
>> bind(slider, barChart).
>> // Draw the dashboard
>> draw(data);
>> }
>>
>>
>> google.setOnLoadCallback(drawVisualization);
>> </script>
>> </head>
>> <body style="font-family: Arial;border: 0 none;">
>> <div id="dashboard">
>> <table>
>> <tr style='vertical-align: top'>
>> <td style='width: 300px; font-size: 0.9em;'>
>> <div id="control1"></div>
>> <div id="control2"></div>
>> <div id="control3"></div>
>> </td>
>> <td style='width: 600px'>
>> <div style="float: left;" id="chart1"></div>
>> <div style="float: left;" id="chart2"></div>
>> <div style="float: left;" id="chart3"></div>
>> </td>
>> </tr>
>> </table>
>> </div>
>> </body>
>> </html>
>
> --
> You received this message because you are subscribed to the Google Groups
> "Google Chart API" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/google-chart-api/-/0Se7kMsQpgIJ.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected].
> For more options, visit this group at
> http://groups.google.com/group/google-chart-api?hl=en.
--
Daniel LaLiberte - 978-394-1058
[email protected] 562D 5CC, Cambridge MA
[email protected] 9 Juniper Ridge Road, Acton MA
--
You received this message because you are subscribed to the Google Groups
"Google Chart API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-chart-api?hl=en.
