Как добавить коды в гистограмму jqPlot, сохранить как изображение при нажатии кнопки в jsp

Я отобразил гистограмму jqPlot в jsp . Теперь я видел вариант нажатия кнопки, чтобы просмотреть диаграмму как изображение и сохранить ее в изображение, но я не знаю, как этого добиться... Я добавил код кнопки..

Вот мой код..

 <script type="text/javascript">
        $(document).ready(function(){
            $.jqplot.config.enablePlugins = true;
            var s1 = [200, 600, 700, 1000,1400];
            var ticks = ['Local', 'STD', 'ISD', 'INET','Incoming'];

            plot1 = $.jqplot('chart1', [s1], {
                // Only animate if we're not using excanvas (not in IE 7 or IE 8)..
                animate: !$.jqplot.use_excanvas,
                seriesDefaults:{
                    renderer:$.jqplot.BarRenderer,
                    pointLabels: { show: true }
                },
                axes: {
                    xaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer,
                        ticks: ticks
                    }
                },
                highlighter: { show: true }
            });

            $('#chart1').bind('jqplotDataClick',
            function (ev, seriesIndex, pointIndex, data) {
                $('#info1').html('series: '+seriesIndex+', point: '+pointIndex+', data: '+data);
            }
        );
        });
    </script>

</head>
<body>
    <br/>
    <br/>
    <input type="submit" name="ViewImage" id="view" value="ViewImage">
    <div name="chart1" id="chart1" value="chart1" style="height: 300px;width: 400px;left: 100px">

</body>

Любая помощь будет оценена..

Заранее спасибо..

Источник

1 ответ

Не используйте ввод, используйте кнопку

и функция:

$("#div_ID').jqplotSaveImage();
Источник
Другие вопросы по тегам