如下图,最近项目中需要这么个树形结构可视化数据图形,找了好多可视化插件,没有找到可用的,所以就自己画了一个,代码如下。
树形分支是后端接口返回数据渲染,可展示多条;
代码可拓展,可封装;
点击节点可查看备注;
<canvas id=canvas width=750 height=800></canvas>
const canvas_options={
canvasWidth: 750,
canvasHeight: 800,
chartZone: [70,70,750,570], //坐标绘制区域
yAxisLabel: