Question

我是jQuery的新手并试图制作一个迷你吧。我想要的是当鼠标指向图中的一个点时，应该看到 x值和y值。目前，只有y值可见。

<script>
    $(document).ready(function () {
        $("#sparkline").sparkline([1, 4, 6, 6, 8, 5, 3, 5], {
            type: 'line',
            height: '200',
            width: '240',
            barWidth: 20,
            barSpacing: 10,
            barColor: '#615c5a',
            fillColor:"white"
        });
    });
</script>

Answer 1

你可以试试这个：

$('#sparkline').sparkline([1, 4, 6, 6, 8, 5, 3, 5], {
        type: 'line',
        height: '200',
        width: '240',
        barWidth: 20,
        barSpacing: 10,
        barColor: '#615c5a',
        fillColor:"white",          
        tooltipFormatter: function (sparkline, options, fields) {
         return "x: " + fields.x + " y: " + fields.y + "";
        }
 });

Demo

jquery在迷你图中获取x值

1 个答案: