第136页，共371页。 显示 3,703 条结果 (0.034 秒)
Echarts图形-扩展属性：Y轴设置最小值时，坐标轴名称不显示
（本文档仅供参考） 问题描述 在使用动态获取y轴最小值和最大值的扩展属性代码的时候，会让Y轴的坐标轴名称不见 image2022-11-30_14-29-55.png 原始上面有个坐标轴名称，如下图 image2022-11-30_14-30-9.png 解决方案 通过扩展属性实现，具体请参考如下扩展属性： 1 2 3 4 5 6 7 8 9 10 11 12 13 { "yAxis": //左y轴 { type: 'value', //获取最小值并实现向上取整 min: 'function(value){ returnEcharts图形-扩展属性：X轴刻度标签倾斜角度
问题 电子表格echarts图形调整X轴刻度标签倾斜角度。 https://s2-cs-pub-std.kefutoutiao.com/doc/im/weixin_628_ogxAVv8V1OU8f7IhG9jLRMPE53g4_bb8d4245634c41f1bbc1d803e139a9d1.jpeg?Expires=1706507780&OSSAccessKeyId=bPexlr6MCcadDhfu&Signature=wOOcNSb9ds7KYo7W0CPiJN1oLoM%3D 解决方案 可在图形中通过扩展属性实现： { xAxis: { axisLabelEcharts图形-扩展属性：数据标签 - 柱图标签换行显示
（本文档仅供参考） 问题 如何实现柱图标签换行显示？ 2022-10-08_134513.png 解决方案 可以用以下扩展属性实现： 注意，有多少个类别就需要写多少次 对于该属性具体可见Echarts官网说明：https://echarts.apache.org/zh/option.html#series-bar.label.formatter https://echarts.apache.org/zh/option.html#series-bar.label.formatter { "series": [ //第一个类别 { "itemStyleEcharts图形-扩展属性：柱子 - 调整仪表盘对比柱图左右柱子间距
（本文档仅供参考） 问题描述 如下图，V11仪表盘中使用对比柱图组件，有时候数据标签跟刻度标签靠的太近了，希望调整左右柱子的间距。 image2024-12-19_14-2-45.png 解决方案 由于对比柱图组件是定义了三个grid区域、三个x轴以及三个y轴，故调整左右柱子间隔可直接通过设置grid区域数组控制。 参考如下扩展属性： option = { grid: [{ "right": "53%" }, { "left": "53%" }, {}], } image2024-12-19_14-7-52.png 调整效果： image2024-12-19_14-8-17.pngEcharts图形-扩展属性：柱子 - 间距调整
（此文档仅供参考） 问题 希望调整柱子间距离，包括同系列柱子间间距，及不同系列间柱子间隔 实现方案 V9及以下版本可以用以下扩展属性实现：（具体值设置大小可结合实际调整） { //同系列柱子间距 "barGap": "1%", //不同系列柱子间间隔 "barCategoryGap": "15%" } V10及以上版本可使用以下扩展属性实现：（具体值设置大小可结合实际调整，需要对每个系列单独进行间距设置） { "series": [{ //系列1 "barGap": "1Echarts图形-扩展属性：横向的双X联合图
（本文档仅供参考） 问题 柱图+线图的横向双x联合图怎么做？ 解决方案 横向的双X联合图可以以横向柱图为基础，通过扩展属性修改图形样式和x轴设置。设置过程如下图所示： image2023-2-16_18-18-45.png image2023-2-16_18-18-59.png 扩展属性可参考以下代码： { "xAxis": [{ "type": 'value' //第一个x轴 }, { "type": 'value' //第二个x轴 }], "series": [{ "type": 'line', //类型设置为折线图 "xAxisIndex": 0 //显示在第一个x轴上 }, { "xAxisIndex": 1Echarts图形-扩展属性：鼠标提示 - 同系列柱图鼠标提示
（本文档仅供参考） 问题 做好柱图后，想实现鼠标移入后同系列柱图鼠标提示都显示出来，如下图： image2018-11-7 21:30:13.png 实现方案 需要写扩展属性即可完成，相关的属性可以上echarts官网查看，http://echarts.baidu.com http://echarts.baidu.com/,此示例的扩展属性如下 { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' 'shadowEcharts图形-扩展属性：折线 - 堆积线图自定义各数据点样式
（本文档仅供参考） 问题描述 堆积线图中有多条折线，想要自定义各数据点样式。 image2024-12-5_16-58-45.png 解决方案 可参考以下扩展属性 option = { series: [{ showSymbol: true, symbol: 'circle', //设定为实心点 symbolSize: 0, //设定实心点的大小 color: "#000", //设定实线点的颜色 lineStyle: { normal: { width: 2, color: "#0000ff", //设置实线的颜色Echarts图形-扩展属性：折线 - 折线图上的点加外圈效果
（本文档仅供参考） 问题1 我想实现折线图上的点加外圈的效果，同时还带有一些阴影的效果，如下图： image2021-2-9_14-23-23.png 解决方案 可以使用扩展属性实现，如下： { "series": [{ "symbol": 'circle', "symbolSize": 20, "lineStyle": { "normal": { //线的颜色 "color": "#00ca95", "shadowColor": 'rgba(0Echarts图形-扩展属性：折线 - 鼠标移入数据点变小
（本文档仅供参考） 问题 鼠标移入线图的数据点时，数据点变小。 解决方案 折线图高亮时点的样式可参考以下属性，目前只能设置点的样式，并不能实际更改点的大小 // 设置折线图中点的样式 symbolSize: 10, // 点的大小 // 设置折线图中的点的样式 itemStyle: { normal: { borderColor: 'rgba(220,20,60,0.8)', // 点边框颜色 borderWidth: 20 // 点边框大小
