Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. ECharts官网

百度echarts如何做一个导向力图

function setCatData(arr, n, sm) {
  for (var i = 0; i < arr.length; i++) {
    listdata.push({
      "name": arr[i],
      "symbolSize": sm || 10,
      "category": n,
      "label": {
        "normal": {
          "textStyle": {
            "color": colors[n]
          }
        }
      }
    })
  }
}

function setLinkData(arr, title, cc) {
  for (var i = 0; i < arr.length; i++) {
    links.push({
      "source": arr[i],
      "target": title,
      lineStyle: {
        normal: {
          color: cc
        }
      }
    })
  }
}
var legendes = ["基本数据", "税收数据", "欠税信息", "行政处罚信息", "重大违法信息", "增值税申报信息", "缴税情况", "税务信用评级", "所得税年度汇算清缴", "企业画像"];
var colors = ['#72d3f9', '#4185f7', '#62abe1', '#3060ba', '#0057a6', '#00a3d0', '#03a7dc', '#16dcdc', '#2976b2', '#2976b2'];

var texts = [];
for (var i = 0; i < legendes.length; i++) {
  texts.push({
    "name": legendes[i],
    "itemStyle": {
      "normal": {
        "color": colors[i]
      }
    }
  })
}
var listdata = [];
var cat1 = ["基本数据", "企业名称", "社会统一信用代码", "生产经营地址", "纳税人状态", "登记日期", "生产经营地址(共管户国税为准)", "法定代表人", "行业类型", "纳税人类型", "国地最早开业(设立)日期", "登记注册类型(共管户国税为准)", "纳税人登记状态(共管户国税为准)", "增值税最早申报日期", "营业税最早申报日期"];
var cat2 = ["税收数据", "所属日期起", "所属日期止", "应税销售收入", "入库税额", "入库税额(消)", "入库税额(营)", "入库税额(企)", "减免税额(增)", "减免税额(消)", "减免税额(营)", "减免税额(企)"];
var cat3 = ["欠税信息", "经营地点", "增值税欠税金额", "消费税欠税金额", "所得税欠税金额"];
var cat4 = ["行政处罚信息", "案件名称", "行政处罚类别", "行政处罚结果", "行政处罚事由", "行政处罚依据", "处罚金额", "行政处罚日期", "处罚截止日期", "处罚机关", "当前状态"];
var cat5 = ["重大违法信息", "中介机构", "从业人员", "案件性质", "主要违法事实", "处罚情况"];
var cat6 = ["增值税申报信息", "增值税申报信息-年度", "申报月份", "按适用税率计税销售额", "应补退税额", "按简易办法计税销售额", "免、抵、退办法出口销售额", "免税销售额"];
var cat7 = ["缴税情况", "缴税情况-年度", "属期起止", "税种代码", "税款种类", "实缴时间", "实缴税额"];
var cat8 = ["税务信用评级", "信用级别", "信用评级年度", "信用评分分数"]
var cat9 = ["所得税年度汇算清缴", "所得税年度汇算清缴-年度", "汇算清缴日期", "营业收入", "应纳税所得额", "应纳所得税额"];
var cat10 = ["企业"];

// 拼装数据
setCatData(cat1, 0)
setCatData(cat2, 1)
setCatData(cat3, 2)
setCatData(cat4, 3)
setCatData(cat5, 4)
setCatData(cat6, 5)
setCatData(cat7, 6)
setCatData(cat8, 7)
setCatData(cat9, 8)
setCatData(cat10, 9, 15)
var links = [];

setLinkData(cat1, "基本数据", colors[0]);
setLinkData(cat2, "税收数据", colors[1]);
setLinkData(cat3, "欠税信息", colors[2]);
setLinkData(cat4, "行政处罚信息", colors[3]);
setLinkData(cat5, "重大违法信息", colors[4]);
setLinkData(cat6, "增值税申报信息", colors[5]);
setLinkData(cat7, "缴税情况", colors[6]);
setLinkData(cat8, "税务信用评级", colors[7]);
setLinkData(cat9, "所得税年度汇算清缴", colors[8]);
setLinkData(legendes, "企业", colors[9]);

var planePath = 'circle';

var option = {
  backgroundColor: '#0A1934',
  legend: {
    data: legendes,
    textStyle: {
      color: '#fff'
    },
    icon: 'circle',
    type: 'scroll',
    orient: 'vertical',
    left: 10,
    top: 20,
    bottom: 20,
    itemWidth: 10,
    itemHeight: 10
  },
  tooltip: {
    formatter: function(parmes) {
      if (parmes.data.name) {
        return legendes[parmes.data.category] + ">" + parmes.name;
      }
    }
  },
  animationDurationUpdate: 300,
  animationEasingUpdate: 'quinticInOut',
  series: [{
    type: 'graph',
    layout: 'force',
    symbol: planePath,
    symbolSize: 5,
    roam: true,
    focusNodeAdjacency: true,
    legendHoverLink: true,
    draggable: true,
    force: {
      repulsion: 30,
      gravity: 0.03,
      edgeLength: 50,
      layoutAnimation: true
    },
    categories: texts,
    data: listdata,
    links: links,
    lineStyle: {
      normal: {
        opacity: 0.9,
        width: 1.5,
        curveness: 0
      }
    }
  }]
};
点击展开全文

相关文章

  1. 带你玩转整个重庆,重庆旅游路线图
  2. 百度Echarts中国相声名家师承关系图
  3. ECharts水球图图表展示数据占比和目标完成情况
  4. 如何利用ECharts中使用地图热力图展示城市热度
  5. 如何利用ECharts中使用地图展示数据

热门workflows工作流