Home/ Questions/Q 8371035
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T14:04:00+00:00

I want to use this jqchart bt i dont know how to pass values

  • 0

I want to use this jqchart bt i dont know how to pass values to this function from my servlet,which in turn will receive the values from request or session.Can anybody tell me how can i make this function to have dynamic values?Thanx in advance. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>HTML5 Chart jQuery Plugin - Multiple Axes </title>
        <link rel="stylesheet" type="text/css" href="../css/jquery.jqChart.css" />
        <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
        <script src="../js/jquery.jqChart.min.js" type="text/javascript"></script>
        <!--[if IE]><script lang="javascript" type="text/javascript" src="../js/excanvas.js"></script><![endif]-->
        <script lang="javascript" type="text/javascript">
            $(document).ready(function () {
                $('#jqChart').jqChart({
                    title: { text: 'Multiple Axes' },
                    axes: [
                             {
                                 name: 'y1',
                                 location: 'left'
                             },
                             {
                                 name: 'y2',
                                 location: 'right',
                                 strokeStyle: '#FCB441',
                                 majorGridLines: { strokeStyle: '#FCB441' },
                                 majorTickMarks: { strokeStyle: '#FCB441' }
                             }
                          ],
                    series: [
                                {
                                    type: 'column',
                                    axisY: 'y1',
                                    data: [['a', 1], ['b', 4], ['c', 3], ['d', 5], ['e', 2], ['f', 1]]
                                },
                                {
                                    type: 'line',
                                    axisY: 'y2',
                                    data: [['a', 40], ['b', 60], ['c', 62], ['d', 52], ['e', 70], ['f', 75]]
                                }
                            ]
                });
            });
        </script>
    </head>
    <body>
        <div>
            <div id="jqChart" style="width: 500px; height: 300px;" />
        </div>
    </body>
    </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could make your html file a jsp page or a tag, javascript function is thereafter be dynamically rendered.

    Prepare data in your servlet java file like:

    String myseriesData1 = "['a', 1], ['b', 4], ['c', 3], ['d', 5], ['e', 2], ['f', 1]";
String myseriesData2 = "['a', 40], ['b', 60], ['c', 62], ['d', 52], ['e', 70], ['f', 75]";

    Render jsp in servlet and make sure the ‘data’ part is like:

    ...
series: [
    {type: 'column',axisY: 'y1',data: [${myseriesData1}]},
    {type: 'line',axisY: 'y2',data: [${myseriesData2}]}]});
    • 0