javascript - chart.js - 用户添加线的最后一点
问题描述
我需要制作一个折线图,用户在其中完成图表上的最后一点,然后根据它采取行动。我正在使用 Chart.js,但如果任何库都支持它,我愿意更改。所以有什么想法吗?谢谢
解决方案
我认为您不能使用 chart.js 画线,最好的解决方案是转向 D3 图表,您可以在其中制作自定义图表线等。
您可以使用 D3 创建一条线,如下所示
var svgContainer = d3.select("body").append("svg")
.attr("width", 200)
.attr("height", 200);
var circle = svgContainer.append("line")
.attr("x1", 5)
.attr("y1", 5)
.attr("x2", 50)
.attr("y2", 50)
.attr("stroke-width", 2)
.attr("stroke", "black");
推荐阅读
- java - Spring中的ImportSelector和ImportBeanDefinitionRegistar有什么区别?
- java - 获取有效 HTTP 字符的正则表达式
- python - 控制ROUNDED_RECTANGLE的圆角,python + pptx
- ios - 优化在 Ray Wenderlich 上发现的 2d 瓦片碰撞(objective-c)
- java - 如何知道 Netty ByteBuf 中是否没有数据可读取?
- r - 如何在 sas 中实现 r 中的子集?
- gradle - 如何从 processResources Gradle 任务中排除多个文件
- java - doc文件需要在文件名附近显示doc徽标,例如whatsapp
- python - 匹配 Pandas 数据框中的一对多列
- angular - 如何订阅rxjs中另一个对象中引用的对象的属性更改