赞
踩
一、导入echarts插件 百度图表 echarts(暂时停止,请不要下载使用) - DCloud 插件市场
二、代码
- <l-echart ref="chart" style="width: 100%;height: 260rpx;margin-top: 20rpx;"></l-echart>
-
- <script>
- import * as echarts from '@/uni_modules/lime-echart/components/l-echart/echarts';
- import {
- seriesLinks,
- seriesData
- } from './knowdata.js'
-
- export default{
- data(){
- return{
- option: {
- // 动画更新变化时间
- animationDurationUpdate: 1500,
- animationEasingUpdate: 'quinticInOut',
- tooltip: {
- show: false
- },
- series: [{
- type: 'graph',
- layout: 'force',
- legendHoverLink: true, //是否启用图例 hover(悬停) 时的联动高亮。
- hoverAnimation: true, //是否开启鼠标悬停节点的显示动画
- edgeLabel: {
- position: 'center', //边上的文字样式
- normal: {
- formatter: "{c}",
- show: true,
- }
- },
- edgeSymbol: ['', ''],
- force: {
- edgeLength: 10,
- repulsion: 300 //节点之间的斥力因子
- },
- //color: ['#1CF3E6', '#FE8F0D', '#29F5FF'],
- color: [{
- type: 'radial',
- x: 0.5,
- y: 0.5,
- r: 0.9,
- colorStops: [{
- offset: 1,
- color: '#28F7FF' // 0% 处的颜色
- }, {
- offset: 0,
- color: '#06243f' // 100% 处的颜色
- }],
- global: false // 缺省为 false
- }, {
- type: 'radial',
- x: 0.5,
- y: 0.5,
- r: 0.9,
- colorSt
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。