在线性图表中显示tootips

时间:2018-09-19 15:54:16

标签: chart.js

我是usign chart.js v 2.7.2。我有一个线性图表,我正在将数据与mysql一起使用,并且可以工作。但我想显示始终可见的工具提示

这可能吗?怎么

<script>
    $(document).ready(function () {
        showGraph();
    });


    function showGraph()
    {
        {
            $.post("data.php",
            function (data)
            {
                console.log(data);
                 var name = [];
                var marks = [];
                var final=[];

                for (var i in data) {
                    name.push(data[i].student_name);
                    marks.push(data[i].marks);
                    final.push(data[i].final);
                }

                var chartData = {
                    labels: name,
                    datasets: [
                        {
                            label: 'My legend title',
                            backgroundColor: 'rgba(73, 226, 255, 0.2)',
                            borderColor: '#46d5f1',
                            hoverBackgroundColor: '#CCCCCC',
                            hoverBorderColor: '#666666',
                            data: marks
                        },
                        {
                            label: 'My another title',
                            backgroundColor: 'rgba(243, 130, 120, 0.2)',
                            borderColor: '#f38278',
                            hoverBackgroundColor: '#CCCCCC',
                            hoverBorderColor: '#666666',
                            data: final
                        }
                    ]
                };

                var graphTarget = $("#graphCanvas");

                var barGraph = new Chart(graphTarget, {
                    type: 'line',
                    data: chartData,
                    showTooltips:true
                });
            });
        }


    }


    </script>

我是usign chart.js v 2.7.2。我有一个线性图表,我正在将数据与mysql一起使用,并且可以工作。但我想显示始终可见的工具提示

0 个答案:

没有答案