推荐最新

使用echarts做了一个关系图，拖拽区域如何设置为100% 宽度？

使用echarts做了一个关系图，能够放大、缩小、拖拽，但是拖拽区域感觉太小了，div容器宽度为100%，但是关系图可能只显示在中间部分，如何能让两边区域都可以拖拽？该如何设置？谢谢！

浏览量208

echarts关系图，连接线上的label没有居中显示，该怎么设置？

"echarts 4.3.0"关系图，连接线上的label没有居中显示，该怎么设置？ https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240929/0047cd61bd0af5460134ba78ca832898.png 显示效果如下： https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240929/361fbff608971e61eec41523debaab98.png

浏览量185

我是张工你呢

求组织架构图，echarts 组织架构图，需要横向、纵向结合布局？

需要组织架构图插件，最好是纵向、横向能够结合的，谢谢！ https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240929/909763bb2efd21378b056afddd636c79.png

浏览量145

感觉对了

求助echarts的刻度标签如何单独一行显示的问题？

各位佬们，想问下echarts中如何让y轴的刻度标签单独一行显示？比如上面一行是XXX，下面就是对应的柱状图，如下图 "设计稿" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240929/75d48015556a7b9cdf6bd243c46d227c.png) 翻了半天echarts文档，只找到个inside属性好像有点用又好像没多少用，没法让axisLabel刻度标签偏移到上方，活动范围只能在柱状图的高度里面。而且刻度标签还会被柱状图给遮挡住，下面是我尝试的代码： import * as echarts from 'echarts'; var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom); var option; option = { xAxis: { type: 'value', gridIndex: 0, axisTick: { show: false }, axisLabel: { show: false }, axisLine: { show: false }, splitLine: { show: false } }, yAxis: { // type: 'value', data: [ 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun' ], axisLabel: { inside: true, z: 100, // margin:200, // backgroundColor:"#f66", color: '#f66', fontSize: 24 // height:55 }, axisTick: { show: false }, axisLine: { show: false } }, series: [ { data: [ 120, 200, 150, 80, 70, 110, 130, 200, 150, 80, 70, 110, 130, 200, 150, 80, 70 ], type: 'bar', itemStyle: { normal: { color: { type: 'linear', x: 0, y: 0, x2: 1, y2: 0, colorStops: [ { offset: 0.1, color: '#0F89FF' // 10% 处的颜色 }, { offset: 0.55, color: '#31AEE9' // 55% 处的颜色 }, { offset: 1, color: '#00D5D9' // 100% 处的颜色 } ], global: false // 缺省为 false }, label: { show: true, position: 'right', backgroundColor: 'transparent', textStyle: { color: '#86909C', fontSize: 16, textBorderWidth: 1, textShadowOffsetY: 1, textShadowColor: '#000000', textShadowBlur: 2 } }, barBorderRadius: 3 } } } ] }; option && myChart.setOption(option); "代码对应的图表" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240929/564a9c86c1437f20e4e682e98b270adb.png)

浏览量118

Fiona

echarts饼图设置标签的position为 inside 时，如何进一步调整标签位置？

当前效果：标签文字太靠近中心位置 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/811a56bd496c3e12c0494e717c2aa679.png) 当前series配置如下 { type: "pie", radius: "67%", center: ["30%", "50%"], label: { show: true, position: "inside", formatter: "{d}%", color: "#fff", fontSize: 14, fontFamily: "D-DIN", distanceToLabelLine: 20, fontWeight: 400 }, labelLine: { show: false, }, data: [ { value: 1048, name: "转化医学" }, { value: 735, name: "病理科" }, { value: 580, name: "检验科" }, { value: 484, name: "肿瘤中心" }, { value: 300, name: "制剂科" }, { value: 400, name: "细胞中心" }, { value: 500, name: "血液科" }, { value: 600, name: "心研所" }, { value: 700, name: "呼吸科" }, { value: 800, name: "危重科" }, { value: 900, name: "抢救室" } ], itemStyle: { borderColor: "#fff", }, emphasis: { itemStyle: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: "rgba(0, 0, 0, 0.5)", }, }, }, } 期望实现的效果如下，标签文字虽然在扇区内部，但是更靠近边缘，不会互相遮挡 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241207/247e77d7d754decdbae40e8c8ee5e47e.png)

浏览量15

木子弓长

echarts关系图graph如何让节点显示两个不同位置的数值？

以这个为例子： "https://www.makeapie.cn/echarts_content/xkiiaUN8q.html" (https://link.segmentfault.com/?enc=%2BOgKRKM%2FHpZIwBjL8WnEsw%3D%3D.uwI%2BOFU2gXQGoWoN2noYS2nF0O5kAkQbpyGKHxSGqvtPOsse73X61NskvLB9rCljZK6d1xc6dKEu9N9r3GzXgQ%3D%3D) 我希望能够在节点上同时显示数值和名称，名称在下面，数值在中间。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241204/de5f455ff0bc09cb5399f081bb2c5dbd.png) 注意，formatter无法解决问题，只能显示在一个位置，比方说inside或者bottom。

浏览量14