0

私はjqChartsが初めてです。以下は、イベントを強調表示するデータのコードです。マウスをホバーすると、データが表示されます。しかし、マウスホバーの代わりにグラフデータパラメーターの値をクリックする必要があります。以下はコードです

 <script lang="javascript" type="text/javascript">
    $(document).ready(function () {
        $('#jqChart').jqChart({
            title: "dataHighlighting Event",
            legend: { visible: false },
            animation: { duration: 1 },
            series: [
                {
                    type: 'column',
                    title: 'Column',
                    data: [['A', 46], ['B', 35], ['C', 68], ['D', 30],
                           ['E', 27], ['F', 85], ['D', 43], ['H', 29]],
                    cursor: 'pointer'
                },
                {
                    type: 'line',
                    title: 'Line',
                    data: [['A', 69], ['B', 57], ['C', 86], ['D', 23],
                           ['E', 70], ['F', 60], ['D', 88], ['H', 22]],
                    cursor: 'pointer'
                }
            ]
        });

        $('#jqChart').bind('dataHighlighting', function (e, data) {
            displayDataOptions(data);
        });
    });

    function displayDataOptions(data) {
        var list = $('#listBlock');
        list.children().remove();

        if (!data) {
            return;
        }

        list.append('<li>data.chart=' + data.chart + '</li>');
        list.append('<li>data.series=' + data.series + '</li>');
        list.append('<li>data.dataItem=[' + data.dataItem + ']</li>');
        list.append('<li>data.index=' + data.index + '</li>');
        list.append('<li>data.x=' + data.x + '</li>');
        list.append('<li>data.y=' + data.y + '</li>');
        list.append('<li>data.shape=' + data.shape + '</li>');
    }
</script>

私はカーソルの代わりに onclick を使用しました: 'pointer'.しかし、まだデータ パラメータはマウス ホバーに表示されます。graph の値をクリックしてデータをキャプチャする方法について、誰か助けてください。

4

1 に答える 1