SVG可视化简易漏斗图

最新推荐文章于 2024-04-02 09:22:38 发布

TaoLR

最新推荐文章于 2024-04-02 09:22:38 发布

阅读量3.5k

点赞数 1

分类专栏： js D3 文章标签： svg 可视化

本文链接：https://blog.csdn.net/lin_credible/article/details/62041326

版权

本文介绍了如何使用SVG进行可视化，通过展示效果图、JavaScript代码、草图和区块图的微调过程，详细阐述了创建简易漏斗图的方法。

摘要由CSDN通过智能技术生成

Visualization as a problem-solving and knowledge discovery tool has become even more important as we enter the Big Data era.

效果图

result

js代码

jQuery

/*------------------------------------------
    说明：漏斗图 - TEST
    作者：taolinran
    日期：2016-12
---------------------------------------------*/

/* global app: true */

(function(root){
   
  var app = (function() {
   
      var funnelDefaultColor = [
            '#e15025',
            '#f18922',
            '#f7a83a',
            '#45bf7b',
            '#5f86d1',
            '#4774ca',
            '#3d5f9f'
        ];

      return {
        /*-------------------------------------------
          Func: 生成漏斗图
          params: [{}]
          memo: 还需要加一个是否支持SVG的判断
        ---------------------------------------------*