图表.js画布绘图(箭头、箭头附近的文本、彩色文本标签和抛物线曲线)

我需要像这样显示我的数据(使用图表.js):

水平条 图表。

但我不知道如何在任意位置绘制画布(箭头、箭头附近的文本和彩色文本标签)。

我需要更复杂的图表:

this 和 this 混合图表功能有点缺陷:它只允许 线 图表要与 酒吧

有一个解决方法 {x:1,y:'标签'} 允许的行的格式 图表要与 水平条 图表:

data: {
    labels: ['January', 'February', 'March', 'April'],
    datasets: [{
         label: 'Bar Dataset',
         data: [10, 20, 30, 40]
    }, {
         label: 'Line Dataset',
         data: [{ x: 20, y: 'April' }, { x: 25, y: 'January' }, { x: 30, y: 'April' }],

         // Changes this dataset to become a line
         type: 'line',
         fill: 'true'
    }]
}

但这种方法并不支持 水平条形图(折线图消失)。

所以看起来我不能得到我需要的图表,没有画布绘图(箭头,靠近箭头的文本,彩色文本标签和抛物线曲线)在任意位置。