Changeset 2034


Ignore:
Timestamp:
Sep 26, 2011, 6:34:18 PM (9 years ago)
Author:
tjeerd@…
Message:

VIS-17, added code to enable horizontal barchart and improved some other visualizations

Location:
trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/grails-app/views/visualize/index.gsp

    r2019 r2034  
    1414        <g:javascript src="jqplot/plugins/jqplot.pointLabels.min.js" />
    1515        <g:javascript src="jqplot/plugins/jqplot.canvasTextRenderer.min.js" /> 
    16         <g:javascript src="jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js" />     
     16        <g:javascript src="jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js" />
     17    <g:javascript src="jqplot/plugins/jqplot.ohlcRenderer.min.js" />
     18    <g:javascript src="jqplot/plugins/jqplot.highlighter.min.js" />
    1719
    1820        <g:javascript src="visualization.js" />
  • trunk/web-app/js/visualization.js

    r2031 r2034  
    247247                switch( returnData.type ) {
    248248                        case "horizontal_barchart":
     249                        plotOptions = {
     250                            // Tell the plot to stack the bars.
     251                            stackSeries: true,
     252                            seriesDefaults:{
     253                                renderer:$.jqplot.BarRenderer,
     254                                rendererOptions: {
     255                                    // Put a 30 pixel margin between bars.
     256                                    barMargin: 30,
     257                                    // Highlight bars when mouse button pressed.
     258                                    // Disables default highlighting on mouse over.
     259                                    highlightMouseDown: true,
     260                                    barDirection: 'horizontal'
     261                                }
     262                            },
     263                            highlighter: {
     264                                show: true,
     265                                sizeAdjust: 7.5
     266                            },
     267                            series: series,
     268                            axes: {
     269                                xaxis: {
     270                                    //ticks: returnData.series[ 0 ].y,          // Use the x-axis of the first serie
     271                                    label: ylabel,
     272                                    formatString:'%.2f',
     273                                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer
     274                                },
     275                                yaxis: {
     276                                    renderer: $.jqplot.CategoryAxisRenderer,
     277                                    label: xlabel,
     278                                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer
     279                                }
     280                            }
     281
     282                        };
     283                                break;
    249284                        case "scatterplot":
    250285                                alert( "I'm sorry, this visualization type is not implemented yet.")
     
    252287                        case "linechart":
    253288                        plotOptions = {
     289                            stackSeries: true,
     290                            seriesDefaults:{
     291                                renderer:$.jqplot.LineRenderer
     292                            },
    254293                            series: series,
     294                            highlighter: {
     295                                show: true,
     296                                sizeAdjust: 7.5
     297                            },
    255298                            axes: {
    256299                                xaxis: {
    257                                         renderer: $.jqplot.CategoryAxisRenderer,
    258                                         ticks: returnData.series[ 0 ].x,        // Use the x-axis of the first serie
    259                                         label: xlabel,
    260                                         labelRenderer: $.jqplot.CanvasAxisLabelRenderer
     300                                    renderer: $.jqplot.CategoryAxisRenderer,
     301                                    ticks: returnData.series[ 0 ].x,    // Use the x-axis of the first serie
     302                                    label: xlabel,
     303                                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer
    261304                                },
    262305                                yaxis: {
    263306                                    label: ylabel,
    264                                     labelRenderer: $.jqplot.CanvasAxisLabelRenderer
     307                                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
     308                                    formatString:'%.2f'
    265309                                }
    266310                            }
     
    279323                                        // Disables default highlighting on mouse over.
    280324                                        highlightMouseDown: true
    281                                 },
    282                                 pointLabels: {show: true}
     325                                }
     326                            },
     327                            highlighter: {
     328                                show: true,
     329                                sizeAdjust: 7.5
    283330                            },
    284331                            series: series,
    285332                            axes: {
    286333                                xaxis: {
    287                                         renderer: $.jqplot.CategoryAxisRenderer,
    288                                         ticks: returnData.series[ 0 ].x,                // Use the x-axis of the first serie
    289                                         label: xlabel,
    290                                         labelRenderer: $.jqplot.CanvasAxisLabelRenderer
     334                                    renderer: $.jqplot.CategoryAxisRenderer,
     335                                    ticks: returnData.series[ 0 ].x,            // Use the x-axis of the first serie
     336                                    label: xlabel,
     337                                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer
    291338                                },
    292339                                yaxis: {
    293340                                    label: ylabel,
    294                                     labelRenderer: $.jqplot.CanvasAxisLabelRenderer
     341                                    labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
     342                                    formatString:'%.2f'
    295343                                }
    296344                            }
    297345
    298346                        };                             
    299                                
     347                                break;
    300348                        case "table":
    301349                                alert( "I'm sorry, this visualization type is not implemented yet.")
Note: See TracChangeset for help on using the changeset viewer.