Javascript 如何使用chart js修改水平条形图

Javascript 如何使用chart js修改水平条形图,javascript,charts,chart.js,bar-chart,chart.js2,Javascript,Charts,Chart.js,Bar Chart,Chart.js2,请看我突出显示的那一行 如何在Y轴上添加标签 如何使0位垂线成为虚线 如何制作照片中提到的圆角 我需要修改图表js条形图 但是修改它是非常复杂的。如果有人对chart.js有所了解,我们将非常感谢您的帮助。要想弄清楚这一点,需要仔细查看chart.js的配置 要在Y轴的另一行上添加标签,您的标签需要以下结构标签:[[“Dept1”,81],“Dept2”,82],“Dept3”,83] Chart.js 2.0默认情况下可以处理负值,因此您只需传入各自的数据点。类似这样的内容应该可以:数据:[

请看我突出显示的那一行

  • 如何在Y轴上添加标签

  • 如何使0位垂线成为虚线

  • 如何制作照片中提到的圆角

  • 我需要修改图表js条形图


    但是修改它是非常复杂的。如果有人对chart.js有所了解,我们将非常感谢您的帮助。

    要想弄清楚这一点,需要仔细查看chart.js的配置

  • 要在Y轴的另一行上添加标签,您的标签需要以下结构
    标签:[[“Dept1”,81],“Dept2”,82],“Dept3”,83]

  • Chart.js 2.0默认情况下可以处理负值,因此您只需传入各自的数据点。类似这样的内容应该可以:
    数据:[12,-19,5],

  • 圆角问题有点棘手。我使用了一个外部链接库。有一些画布渲染技巧正在进行。一定要启动他的回购协议,给作者信用


  • 结果:我们可以在标签中添加图像吗?我在尝试向标签添加图标时考虑了这个问题。原来chart.js不支持它。也许有办法做到这一点,但这不是一项简单的任务。你对添加到yaxis上的图像有什么想法吗?我会调查:嗨,约瑟夫,我现在可以实现虚线了。如果您知道如何在调整窗口大小时减小y轴标签的大小。”部门1'-10',分为两行。