当前位置:   article > 正文

uniapp知识图谱(echarts)_l-echart

l-echart

一、导入echarts插件 百度图表 echarts(暂时停止,请不要下载使用) - DCloud 插件市场

二、代码

  1. <l-echart ref="chart" style="width: 100%;height: 260rpx;margin-top: 20rpx;"></l-echart>
  2. <script>
  3. import * as echarts from '@/uni_modules/lime-echart/components/l-echart/echarts';
  4. import {
  5. seriesLinks,
  6. seriesData
  7. } from './knowdata.js'
  8. export default{
  9. data(){
  10. return{
  11. option: {
  12. // 动画更新变化时间
  13. animationDurationUpdate: 1500,
  14. animationEasingUpdate: 'quinticInOut',
  15. tooltip: {
  16. show: false
  17. },
  18. series: [{
  19. type: 'graph',
  20. layout: 'force',
  21. legendHoverLink: true, //是否启用图例 hover(悬停) 时的联动高亮。
  22. hoverAnimation: true, //是否开启鼠标悬停节点的显示动画
  23. edgeLabel: {
  24. position: 'center', //边上的文字样式
  25. normal: {
  26. formatter: "{c}",
  27. show: true,
  28. }
  29. },
  30. edgeSymbol: ['', ''],
  31. force: {
  32. edgeLength: 10,
  33. repulsion: 300 //节点之间的斥力因子
  34. },
  35. //color: ['#1CF3E6', '#FE8F0D', '#29F5FF'],
  36. color: [{
  37. type: 'radial',
  38. x: 0.5,
  39. y: 0.5,
  40. r: 0.9,
  41. colorStops: [{
  42. offset: 1,
  43. color: '#28F7FF' // 0% 处的颜色
  44. }, {
  45. offset: 0,
  46. color: '#06243f' // 100% 处的颜色
  47. }],
  48. global: false // 缺省为 false
  49. }, {
  50. type: 'radial',
  51. x: 0.5,
  52. y: 0.5,
  53. r: 0.9,
  54. colorSt
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/612628
推荐阅读
相关标签
  

闽ICP备14008679号