Tag: bar chart

chart js tooltip如何控制显示的数据

我正在使用chart.js插件并通过栏视图使用组图表。 当我hover一组酒吧时,我可以看到一个工具提示,向我显示这些酒吧的数据。 但是当我将鼠标hover在条形数据上时,我要更改工具提示以显示我唯一的单个数据。 而我该如何显示不同的数据信息。 jsfiddle的例子 var ctx = document.getElementById(“errorChart”).getContext(“2d”); var data = { labels: [“January”, “February”, “March”, “April”, “May”, “June”, “July”], datasets: [ { label: “My First dataset”, fillColor: “rgba(220,220,220,0.5)”, strokeColor: “rgba(220,220,220,0.8)”, highlightFill: “rgba(220,220,220,0.75)”, highlightStroke: “rgba(220,220,220,1)”, data: [65, 0, 0, 0, 0, 0, 0] }, { label: “My Second dataset”, fillColor: “rgba(151,187,205,0.5)”, strokeColor: “rgba(151,187,205,0.8)”, highlightFill: […]

jQuery flot bar数字:数字定位

我正在使用jQuery绘制(图表)库的 jquery.flot.barnumbers.js插件来显示jQuery上的数字。 我的代码: $.plot(“#placeholderByDay”, [ { data: DataOne, label: “Total Calls”, bars: { numbers:{ show:true, xAlign: 80,//align top yAlign: 1 //yAlign: function(y) { return y+ 1; } //upside of bars } } ]); 我现在得到的是: 我需要的是: 因此,当条形图没有数据时,零点应该位于轴的上方,并且值应该是原样,两者都旋转90度。 我怎样才能做到这一点?