les coordonnées✍ECharts Gallery

20:11:45图表已生成
代码
var axisData = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
var data = axisData.map(function(item, i) {
    return Math.round(Math.random() * 500 * (i + 1));
});
var links = data.map(function(item, i) {
    return {
        source: i,
        target: i + 1
    };
});
links.pop();
option = {
    backgroundColor: '#19181d',
    title: {
          top: 40,
          text: 'les coordonnées✍',
          subtext: '',
          x: 'center',
          textStyle: {
              align: 'center',
              color: '#fff',
              fontSize: 30,
              fontWeight: '100',
          },
      },
    tooltip: {},
    grid: {
        borderWidth: 0,
        top: 140,
        bottom: 50,
        textStyle: {
            color: "#fff"
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: axisData,
        axisLine: {
            lineStyle: {
                color:'#999',
            }
        },
        splitLine: {
            show: false
        },
        axisTick: {
            show: false
        },
    },
    yAxis: {
        type: 'value',
        axisLine: {
            lineStyle: {
                color:'#999',
            }
        },
        splitLine: {
            show: false
        },
        axisTick: {
            show: false
        },
    },
    series: [{
        type: 'graph',
        layout: 'none',
        coordinateSystem: 'cartesian2d',
        itemStyle: {
            color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
                offset: 0,
                color: '#FAFF52'
            }, {
                offset: 1,
                color: '#fe8500'
            }]),
            shadowColor: 'rgba(0, 0, 0, .3)',
            shadowBlur: 3,
            shadowOffsetY: 5,
            shadowOffsetX: 5,
        },
        symbol:'path://M166.5,42.8c-28.9-14.2-57.6,0.2-61.9,2.7c-4.5-2.3-33.2-17.1-62-2.5c-27.3,13.6-31.4,52.6-15,91.6	c14.6,34.8,36.1,53.3,47,56.7c9.8,2.8,20.3,2.5,30-0.8c3.1,0.9,17.5,5.2,29.9,0.8c10.5-3.7,32.9-21.6,47.1-56.9	C197.9,93.5,195.5,57,166.5,42.8L166.5,42.8z M38.2,114.8c-1.3-6.8-2.1-13.6-2.4-20.5c0-8.7-5.1-4.5-5.6,1c0,7.4,1.2,14.7,3.5,21.8	c3.7,11.6,7.7,18.5,8.4,17.6C42.9,133.8,39.8,124.5,38.2,114.8L38.2,114.8z M32.6,84.6c2,0,3-1.7,3-4c0.1-2.3-0.6-4.2-2.6-4.2	c-2,0.5-3.4,2.2-3.5,4.2C29.4,82.6,30.7,84.3,32.6,84.6z M86.6,49.3c0.4-1,6,2.5,14.8,3.4S117,51,117.3,52s-3.3,9.8-16.7,9.1	C93.8,60.8,88,55.9,86.6,49.3z M103.9,45.9c9.4-12.2,23-20.5,38.1-23.2c24.5-3.7,35,6,44.6,4c0,0-8.4,14.4-33.6,20.6	C136.8,50.7,120,50.3,103.9,45.9z M100.9,57.1c-1,0.4,0.8-5,2-12.3c2.1-12.3,4.3-29.9,1.1-34.8s9.1-3.3,10-1.5	c-0.7,8.7-2.2,17.3-4.5,25.7C107,44.3,103.2,56.3,100.9,57.1z M172.7,127.9c-1.2-0.5-2.5,0.1-3,1.3c0,0,0,0,0,0	c-1.2,2.9-2.4,5.7-3.7,8.3c-0.5,1.2,0.1,2.5,1.3,2.9c1.1,0.4,2.2,0,2.8-1c1.3-2.8,2.6-5.6,3.8-8.6	C174.4,129.7,173.9,128.3,172.7,127.9z M164.5,145.5c-1.1-0.6-2.5-0.2-3.1,0.9l-0.7,1.2c-0.7,1.1-0.3,2.5,0.7,3.1	c1.1,0.7,2.5,0.3,3.1-0.7c0,0,0,0,0-0.1l0.7-1.2C166,147.5,165.7,146.1,164.5,145.5C164.6,145.5,164.6,145.5,164.5,145.5z	 M155.2,156.5c-11.1,15.9-23.6,25.7-31.1,28.3c-9.4,2.7-19.4,2.4-28.6-0.9c-0.4-0.1-0.8-0.1-1.2,0l-0.9,0.3c-9,3-18.6,3.2-27.7,0.6	c-9.8-2.9-31-21.1-45.6-55.6C3.6,90,9.4,53.6,34,40.4s50-2.7,59.8,2.5c1.1,0.6,2.4,0.2,3-0.9c0,0,0,0,0-0.1c0.6-1.1,0.1-2.5-1-3.1	c-10.3-5.5-37.2-16.7-64.1-2.5s-33.4,53.2-16,94.5c15.3,36.4,37.4,54.5,48.5,58.2c4.4,1.4,9,2,13.6,2c5.6,0,11.2-0.9,16.5-2.6	c9.9,3.3,20.6,3.5,30.6,0.6c8-2.7,21.3-12.1,33.9-30c0.7-1.1,0.3-2.5-0.7-3.1c-1-0.6-2.3-0.4-3,0.5L155.2,156.5z M186.4,21.5	c0.6-1.1,0.2-2.5-0.9-3.1c-0.4-0.2-0.9-0.3-1.4-0.3c-4,0.3-8-0.2-11.7-1.6c-10.6-3.3-21.8-4.1-32.8-2.4c-9,1.4-17.5,4.9-24.9,10.2	c-1.1,0.7-1.4,2.1-0.7,3.1c0.7,1.1,2.1,1.4,3.1,0.7c0.1,0,0.1-0.1,0.2-0.1c6.8-4.8,14.5-8.1,22.7-9.4c10.3-1.6,20.9-0.8,30.9,2.3	c2.9,0.8,5.8,1.4,8.8,1.7c-8,8.1-18.2,13.6-29.4,16c-4.6,1.1-9.3,1.9-14,2.2c-1.3,0-2.3,1-2.3,2.3c0,1.3,1,2.3,2.3,2.3	c4.9-0.3,9.8-1.1,14.6-2.3c2.2-0.5,4.3-1.2,6.2-1.8c22,12,28,39.8,16.3,76.4c-0.4,1.2,0.3,2.5,1.5,2.9h0.7c1,0,1.9-0.6,2.2-1.6c11.9-37,6.3-65.7-15.1-79.8C172.2,35.9,180.5,29.7,186.4,21.5z',
        symbolSize: 40,
        edgeSymbol: ['circle', 'arrow'],
        edgeSymbolSize: [4, 10],
        data: data,
        links: links,
        lineStyle: {
            color: '#FFF',
            shadowColor: 'rgba(0, 0, 0, .3)',
            shadowBlur: 3,
            shadowOffsetY: 5,
            shadowOffsetX: 5,
        },
    }]
};
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
