chart.js插件显示具体数值

简介

Chart.js是一款不依赖任何外部js库的图表插件,具体的使用方法可查看Chart.js官网。

需求

Chart.js并没有直接提供显示具体数值的功能,需要鼠标移上去,才会显示数值,现在,我们需要显示具体的数值。

效果

在每一条柱状上显示具体数值。

chart.js插件显示具体数值_第1张图片

 代码实现:

该代码可自动填充颜色。为了防止鼠标悬停时闪烁,需要添加以下代码:

// 将hover动画设置为0,防止鼠标悬停产生闪烁
hover: {animationDuration: 0}

 完整代码:




	
	Chart示例
	


	


 

你可能感兴趣的:(JavaScript,Chart.js)