Page History

图表 （SQL图表） 为您提供了另一种报表媒体。您可以灵活地定义自己的SQL查询，以确定您想要生成的图表，从多种图表类型。

<SCRIPT>
$（文件）。就绪（函数（）

<script>
$(document).ready(function(){
    $（ $('#jq＃jq_plot_chart').bind(）。绑定（ 'jqplotDataClick',，
        function (event, seriesIndex, pointIndex, data) 函数（event，seriesIndex，pointIndex，data）{   
            console.log(event)的console.log（事件）;
            console.log(seriesIndex)的console.log（seriesIndex）;
            console.log(pointIndex)的console.log（pointIndex）;
            console.log(data)的console.log（数据）;
            
            //for chart which used legend and x-axis, 对于使用图例和x轴的图表， 
            var xaxis = $(".jqplot$（“。jqplot-xaxis-tick:eq("tick：eq（”+ pointIndex +")")“）”）;
            var series = $(".jqplot$（“。jqplot-table-legend-label:eq("label：eq（”+ seriesIndex +")")“）”）;
            
            console.log("x-axis :" log（“x-axis：”+ xaxis.text())text（））;
            console.log("series :" log（“series：”+ series.text())text（））;
        }
    )）;
 
    //for double click event. Please note the arguments are different.
    $('#jq /双击事件。请注意，论据是不同的。
    $（ '＃jq_plot_chart').bind(）。绑定（ 'jqplotDblClick',，
        function (event, coordinate, points, data) 功能（事件，坐标，点数据）{   
            console.log(event)的console.log（事件）;
            console.log(coordinate)的console.log（坐标）;
            console.log(points)的console.log（分）;
            console.log(data)的console.log（数据）;

            if (data) 如果（数据）{
                var xaxis = $(".jqplot$（“。jqplot-xaxis-tick:eq("tick：eq（”+ data.pointIndex +")")“）”）;
                var series = $(".jqplot$（“。jqplot-table-legend-label:eq("label：eq（”+ data.seriesIndex +")")“）”）;

                console.log("values :" log（“values：”+ data.data)data）;
                console.log("x-axis :" log（“x-axis：”+ xaxis.text())text（））;
                console.log("series :" log（“series：”+ series.text())text（））;
            }
        }
    )）;
})）;
</script> SCRIPT>