在chartjs折线图中,标签使用与标签数据集不同的数据集

时间:2017-10-24 23:34:12

标签: chart.js

我有一个每天有1-2个条目的数据集,我不想在x轴上有那么多标签,所以我要经历它们,只显示每个第5或第10个。我的问题是我想在工具提示中显示每个标签。我有第二个数组或数据与原始标签集,我想用于工具提示,但似乎无法弄明白。我认为应该有一个相当简单的解决方案。

下面是一个简单的例子。我尝试使用第二个数据集在工具提示上添加cutom选项,但没有运气。

var labels = ["10-23-2017", "", "10-25-2017", ""];
var labels2 = ["10-23-2017", "10-24-2017", "10-25-2017", "10-26-2017"];


var chart = document.getElementById('chart').getContext('2d');
                    var myChart = new Chart(chart, {
                        // The type of chart we want to create
                        type: 'line',

                        // The data for our dataset
                        data: {
                            labels: labels,
                            datasets: [{
                                label: "Readings",
                                backgroundColor: 'rgb(255, 99, 132)',
                                borderColor: 'rgb(255, 99, 132)',
                                data: data,
                            }]
                        },

                        // Configuration options go here
                        options: {
                            tooltip: [{
                                enabled: true,
                                custom: labels2
                            }]
                        }
                    });

0 个答案:

没有答案