Echarts桑基图sankey点击高亮显示

Echarts桑基图sankey点击高亮显示

  • 点击某一项将与其有关联的所有父项目和子项目全部高亮显示,并降低其他无关项目透明度,再次点击则恢复原有状态;
  • 在线DEMO查看
  • 效果图如下:
    在这里插入图片描述

2022-02-21更新:

  • www.makeapie.com网站已于2022年2月15日停止运行了,后续什么时候开放或者是否开放暂时未知,下面提供几个类似的替代的网站:
    1、DataInsight
    2、chartsdev
    3、antcode
    4、isqqw
    5、ppchart

2023-03-30更新:

  • 处理点击高亮时,部分模块索引改变导致的跳动问题。
var ROOT_PATH = 'https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples';

myChart.showLoading();
$.get(ROOT_PATH + '/data/asset/data/energy.json', function(data) {
   
   
    myChart.hideLoading();

    myChart.setOption(option = {
   
   
        title: {
   
   
            text: 'Sankey Diagram'
        },
        tooltip: {
   
   
            trigger: 'item',
            triggerOn: 'mousemove'
        },
        series: [{
   
   
            type: 'sankey',
            data: data.nodes,
            links: data.links,
            emphasis: {
   
   
                focus: 'adjacency'
            },
            lineStyle: {
   
   
                color: 'source',
                curveness
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值