Echarts中树状图下如何独立设置线条的宽度

秋天的楓 2023-02-23 09:31:11

data配置项下的lineStyle在效果图中为何没有显示呢？

...全文

385 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

Echarts实例教程之树形图表的实现方法　　树图主要用来可视化树形数据结构，是一种特殊的层次类型。　　实现方法，将series->type设置为tree。　　Echarts的树形图表，可以是正交的，也可以是径向的。　　正交树：　　径向树：　　实现方法，修改：series->layout设置，orthogonal为正向，radial为径向。　　可以自定义，如从右向左：　　实现方法，修改：series->orient设置，支持LR、RL、TB、BT，其中RL，就是从右向左。　　可以自定义图标：支持'circle', 'rect', 'roundRect', 'triangle', 'diamo

基于echart树图实现横向组织结构图，已将连接线从曲线修改为直角线

vue使用echarts画组织结构图　　昨天，写了一篇关于圆环进度条的博客（请移步：Vue圆环进度条），已经烦不胜烦，今天又遇到了需要展示类似公司的组织结构图的功能需求，要冒了！！！　　这种需求，自己用div+css也是可以实现的，但是没有什么动画效果，我的css3又很差劲，而且项目中已经使用到了折线图、饼状图、柱状图之类的图表，用的还是百度的echarts，所以这个组织结构图之类的需求也就用了百度的echarts来实现了。　　以前用echarts写折线图、柱状图、饼状图的较多，它的API还算比较熟悉，但是画组织结构这样的树状图就很苦逼了，没用过啊，而且设计给的树状图的展示效果跟echart

要修改线形统计图（ECharts 图表）的线条颜色，可以直接通过series中的lineStyle配置项来调整线条的颜色。当前的配置中，使用了areaStyle来设置渐变色，但并没有设置lineStyle来控制线条本身的颜色。为了修改线条颜色，我们可以在series配置中加入lineStyle选项。

<>看到网上关于echarts tree的资料有点少，做项目恰巧遇到这个，把一些获得分享给大家。从echarts、官方API中我们似乎只能定义根节点的位置，并不能指定树图整体的大小以及其整体在dom显示的位置，在tree生成过程中只是以根节点向下方左右两边扩展。从echarts官网提供的API我们可以知道var chart = echarts.init(dom); chart.getZ...

Echarts开发者

33

社区成员

32

社区内容

发帖

与我相关

我的任务

其他企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章