首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用chart js修改水平条形图

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

Stack Overflow用户
提问于 2018-06-14 02:31:06
回答 1查看 747关注 0票数 0

请看我突出显示的那行。

  1. How to add labels on Y-axis
  2. How to make 0 position verticle as a dotted .(如何在Y轴上添加标签并使0位置垂直线成为虚线。
  3. 如何制作圆角,如照片中所述。

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

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-14 03:46:13

要弄清楚这一点,需要查看chart.js configurations here

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

  • Chart.js 2.0默认情况下可以处理负值,因此您所需做的就是传入各自的数据点。像这样的东西应该很好:data: [12, -19, 5],

  • The圆角的问题有点棘手。我使用了一个链接了here的外部库。有一些画布渲染技巧正在进行中。一定要为他的回购添加星号,以给予作者信任!

在此生成小提琴:https://codepen.io/anon/pen/gKRQZG?editors=1000

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50843978

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档