第26页，共177页。 显示 1,765 条结果 (0.023 秒)
Echarts图形-扩展属性：如何自定义图形标题和图例位置
（本文档仅供参考） 问题 如何自定义图形标题和图例位置： QQ截图20181108101829.png 实现方案 可在图形中加扩展属性： { "legend": { "left": 300 }, "title": { "text": "标题", "padding": [20, 0, 0, 50], //上 右 下 左 } } padding属性具体说明可见Echarts官网：https://echarts.apache.org/zh/option.html#title.padding httpsEcharts图形-扩展属性：图例分页按钮、文字自定义大小
(本文档仅供参考) 问题 如何实现自定义图例分页按钮、文字大小 2023-10-10_134301.png 解决方案 可参考以下扩展属性 option = { legend: { pageIconSize: 30, pageTextStyle: { fontSize: 15 } } } 2023-10-10_133834.png 相关属性具体见Echarts官网：https://echarts.apache.org/zh/option.html#legend.pageIconSize https://echarts.apache.org/zhEcharts图形-扩展属性：修改数据视图背景色
（本文档仅供参考） 问题： 希望修改数据视图的背景色，如何在扩展属性修改。 解决方案： 数据视图的扩展属性可参考Echarts文档：https://echarts.apache.org/zh/option.html#toolbox.feature.dataView https://echarts.apache.org/zh/option.html#toolbox.feature.dataView 参考配置： { "toolbox": { "feature": { "dataView": { //修改下方的颜色代码即可Echarts图形-扩展属性：10.5.8版本修改标线样式
（本文档仅供参考） 问题 V10高版本已在组件设置里支持配置标线样式，由于不能升级版本，需要在10.5.8版本修改标线的样式 解决方案 该需求可通过扩展属性实现。 可参考扩展属性代码： { "series": [ { "markLine": { "data": [ { "type": "average" //支持'average', 'min', 'max' } ], "lineStyle": { "width": 3, //宽度 "color": "rgba(245, 15, 15, 1Echarts图形-扩展属性：修改图形告警线两端的标记大小
（本文档仅供参考） 问题 修改图形告警线（标线）两端的标记大小。希望告警线的两端（箭头）可以小一点。 image2020-10-12_16-47-23.png 解决方案 该需求可通过扩展属性实现。 可参考扩展属性代码： { series: [{ markLine: { symbolSize: 1 } }] } https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1602473299295_bp0no.png 实现效果如下： image2020-10-12_16-48-40.png 另外，自定义图形告警线可Echarts图形-扩展属性：实现横条图+折线图效果
（本文档仅供参考） 问题 联合图中图形都是纵向的，希望实现横条图+折线图的横向效果，通过联合图无法直接设置实现。 解决方案 可通过对横条图使用扩展属性修改图形类型实现此效果，步骤如下所示。 先生成横条图，如下图所示： image2022-11-28_10-55-9.png 再参考以下扩展属性，将横条图的一个系列更改为折线图，即可实现此效果： { "series": [ { "type": "bar" //第一个数据系列为柱图 }, { "type": "line" //第二个数据系列为折线图Echarts图形-扩展属性：联合图柱图显示上方，面积图显示在下方
（本文档仅供参考） 问题 联合图如何将面积图放到柱图后边 image2020-3-9 14:14:29.png 解决方案 此问题可以通过以下扩展属性处理实现： { "series": [{ "zlevel": 1 }, { "zlevel": 0 }] } image2020-3-9 14:15:47.png 在V97中Zlevel无法通过扩展属性修改实现，需要通过宏实现，示例如下： image_1631945965003_73a7o.png function main(chartView) { var chartEcharts图形-扩展属性：图例样式，只保留线不显示点（折线图）
(本文档仅供参考) 问题 如何修改图例样式，只保留线不显示点 image2021-6-2_18-22-42.png 解决方案 可以使用扩展属性实现 { "legend": { "show": true, "icon": "line" } } 效果如下： image2021-6-2_18-23-15.png 若使用联合图，一个是柱图，一个是线图，只修改线图图例样式为横线可参考如下扩展属性： { "legend": [{ "itemWidth": 12, "itemHeight": 12Echarts图形-扩展属性：图例布局排版，图例间距，未选择状态下的颜色
（本文档仅供参考） 问题 想修改图例的布局从 横向排版 变成 竖向排版，同时修改图例的间距，以及未选择状态下的颜色 解决方案 可以使用扩展属性实现，如下： { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向，vertical竖向排版，horizontal横向 "align": "left", //图例对齐方式 "itemGap": 20, //修改图例的间距 //未选择默认是灰色，若想自定义设置未选择的颜色，可改下面的属性Echarts图形-扩展属性：动态年份图例
（本文档仅供参考） 问题描述 创建的双Y联合图，其中的字段名称希望实现动态显示，例如：今年显示当前系统年份-2021年，去年-2020年，前年-2019年 image2021-4-6_11-37-29.png 解决方案 关于动态图例，可参考扩展属性如下，可通过日期函数var date = new Date(); var year = date.getFullYear();获取到当前的年份，再根据字段名称动态判断当前应该显示为哪一个年份信息： { "legend": { "formatter": "function (name) {var date = new Date
