文件名称:Sketchify手绘风格数据可视化工具-其他
文件大小:1.26MB
文件格式:ZIP
更新时间:2024-07-01 23:41:20
Sketchify 手绘风格的数据可视化 js数据可视化工具 可视化数据工具
Sketchify是一个js工具,可将任何包含SVG图形的DOM元素转换为手绘风格的效果。它基于Rough.js。 Sketchify用法: 将由svg组成的现有图形转换为草图模式。运行以下代码: const option = { fillStyle: 'hachure', roughness: 1, bowing: 1, chartType: 'highcharts', }; // container is the root dom element that contains related graph svg const handler = Sketchifier(container, option); handler.handify(); // call restore will turn the graph back to original one handler.restore(); 有关fillStyle,roughness和bowing的选项,请参考roughjs api文档。
【文件预览】:
sketchify-master
----.eslintrc.json(382B)
----.gitignore(33B)
----package.json(1KB)
----package-lock.json(189KB)
----src()
--------index.js(8KB)
--------highcharts.js(401B)
--------xcharts.js(100B)
--------style.css(1013B)
----webpack.config.js(526B)
----dist()
--------sketchify.min.js(10KB)
--------sketchify.js(28KB)
----LICENSE(1KB)
----README.md(2KB)
----demo()
--------echarts.js(10KB)
--------amcharts.js(41KB)
--------highcharts.html(2KB)
--------g2.html(2KB)
--------echarts.html(2KB)
--------highcharts.js(11KB)
--------xcharts.html(2KB)
--------xcharts.js(7KB)
--------g2.js(13KB)
--------amcharts.html(2KB)
----docs()
--------highcharts_demo.png(1.22MB)
说明.htm