{"id":83,"date":"2009-10-30T10:17:06","date_gmt":"2009-10-30T09:17:06","guid":{"rendered":"https:\/\/ridgesolutions.ie\/?p=83"},"modified":"2009-10-30T10:42:56","modified_gmt":"2009-10-30T09:42:56","slug":"drupal-radarpolar-charts-with-chart-api-module","status":"publish","type":"post","link":"https:\/\/www.ridgesolutions.ie\/index.php\/2009\/10\/30\/drupal-radarpolar-charts-with-chart-api-module\/","title":{"rendered":"Drupal – Radar\/Polar charts with Chart API Module"},"content":{"rendered":"

I have been developing a web application for one of our clients using drupal, it’s a dashboard type data visualisation system that consumes and displays data over an\u00a0intranet from their software systems.\u00a0 I have been using google charts<\/a> with great success.<\/p>\n

\u00a0<\/p>\n

The Chart API<\/a> module for drupal is very nice, it lets you quite easily incorporate google charts into your web site or application without having to get into the details of the google chart API itself, and the charts themselves look great – just the kind of thing to cheer up a busy software developer.\u00a0 However it deosn’t seem to support Radar or Polar charts.\u00a0 There is no mention of them in the documentation, no example on the examples page<\/a>.\u00a0 There is also no symbol such as ‘CHART_TYPE_RADAR’ defined in the module as there is for the other chart types,\u00a0for example ‘CHART_TYPE_LINE’ defined for line charts.<\/p>\n

\u00a0<\/p>\n

So is it possible to plot radar charts using the Chart API<\/a> module?\u00a0 I consulted the google chart api<\/a> and found that the radar chart type is donated as ‘r’, so I tried creating a simple chart and just set it’s type to ‘r’ (rather than say CHART_TYPE_LINE) and it worked just fine!<\/p>\n

\u00a0<\/p>\n

\r\n$chart = array(\r\n'#chart_id' => 'sink_radar',\r\n'#title' => chart_title(t('Failures by Sink'), '001334', 15),\r\n'#type' => 'r',\r\n'#size' => chart_size(400, 240),\r\n);\r\n\r\n$chart['#data'][] = array(20, 30, 15, 70, 90, 20);\r\n\r\n$chart['#mixed_axis_labels'][CHART_AXIS_X_BOTTOM][1][] =\r\n                      chart_mixed_axis_label('sink1');\r\n$chart['#mixed_axis_labels'][CHART_AXIS_X_BOTTOM][1][] =\r\n                      chart_mixed_axis_label('sink2');\r\n$chart['#mixed_axis_labels'][CHART_AXIS_X_BOTTOM][1][] =\r\n                      chart_mixed_axis_label('sink3');\r\n$chart['#mixed_axis_labels'][CHART_AXIS_X_BOTTOM][1][] =\r\n                      chart_mixed_axis_label('sink4');\r\n$chart['#mixed_axis_labels'][CHART_AXIS_X_BOTTOM][1][] =\r\n                      chart_mixed_axis_label('sink5');\r\n$chart['#mixed_axis_labels'][CHART_AXIS_X_BOTTOM][1][] =\r\n                      chart_mixed_axis_label('sink6');\r\n\r\necho chart_render($chart);\r\n<\/code><\/pre>\n
\u00a0This code yileds a chart like this:<\/p>\n
\u00a0<\/p>\n
\"Radar<\/p>\n","protected":false},"excerpt":{"rendered":"
I have been developing a web application for one of our clients using drupal, it’s a dashboard type data visualisation system that consumes and displays data over an\u00a0intranet from their software systems.\u00a0 I have been using google charts with great success. \u00a0 The Chart API module for drupal is very nice, it lets you quite […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[21,90,34],"class_list":["post-83","post","type-post","status-publish","format-standard","hentry","category-tech-stuff","tag-drupal","tag-google-charts","tag-web-application"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t