如何解决Chart.js中悬停时的其他标签
X轴项目的相同标签似乎在其“悬停”标签上。我如何分开它们?我需要在“悬停时”标签上添加data [x] .product_name,因为product_name属性对于每个商品而言太长,并且会完全扭曲图表。
var popularProductsChartData = {
labels: ["product_id=" + data[0].product_id,"product_id=" + data[1].product_id,"product_id=" + data[2].product_id,"product_id=" + data[3].product_id,"product_id=" + data[4].product_id
],datasets: [{
backgroundColor: [random_rgba(0.5),random_rgba(0.5),random_rgba(0.5)
],borderColor: [random_rgba(1),random_rgba(1),random_rgba(1)
],borderWidth: 1,data: [data[0].total_sold,data[1].total_sold,data[2].total_sold,data[3].total_sold,data[4].total_sold
]
}]
};
var ctx3 = document.getElementById('popular-products').getContext('2d');
var popularProductsChart = new Chart(ctx3,{
type: 'bar',data: popularProductsChartData,options: {
responsive: true,legend: {
display: false
},title: {
display: true,text: 'Popular Products'
},tooltips: {
mode: 'index',intersect: false
},hover: {
mode: 'index',intersect: false
}
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。