第51页,共166页。 显示 1,655 条结果 (0.024 秒)
Echarts图形-扩展属性:词云图修改文字方向
(本文档仅供参看) 问题描述 希望修改词云图文字方向,全部弄成水平显示,现在的效果图: 1.jpg 解决方案 可以用扩展属性实现,最终效果图: 2.jpg 扩展属性参考: { "series": [{ "rotationRange": ["0", "0"], //切换数值调整文字方向,["0", "0"]表示水平显示 }] } 词云图文字方向Echarts图形-扩展属性:雷达图相关扩展属性
(本文档仅供参考) 问题 希望对雷达图做一些个性化的设置。具体的扩展属性该怎么写,比如填充雷达图的颜色,修改指示器轴的分割段数。 解决方案 雷达图的扩展属性可参考Echarts文档:https://echarts.apache.org/zh/option.html#series-radar https://echarts.apache.org/zh/option.html#series-radar 可参考附件资源 雷达-颜色-areaStyle.xml image2020-11-17_10-38-26.pngEcharts图形-扩展属性:图例如何添加自定义文字
(本文档仅供参考) 问题描述: 实际数据不修改,某个图表组件的图例想自定义加些文字说明,请问可以怎么自定义修改? image2024-10-12_11-13-44.png 解决方法: 可以使用扩展属性实现: option = { "legend": { "formatter": "function (name) {{return name+'测试'}}" } } image2024-10-12_11-16-7.png 图例添加文字Echarts图形-扩展属性:地图鼠标提示隐藏某个数据列
(此文档仅供参考) 问题描述: 如果按照需求隐藏某个数据列,例如显示是分类和数据1,鼠标提示希望显示分类和数据2就行,如图,鼠标提示去隐藏数量 image2024-7-26_15-15-52.png 处理方案: 参考使用自定义扩展属性实现 { "tooltip": { "trigger": "item", "formatter": "function(params){return params.name http://params.name + '</br>'+ '单价:'+params.value[2] ;}" } } 效果如图: image2024-7-26_15-24-33.pngEcharts图形-扩展属性:修改数据视图背景色
(本文档仅供参考) 问题: 希望修改数据视图的背景色,如何在扩展属性修改。 解决方案: 数据视图的扩展属性可参考Echarts文档:https://echarts.apache.org/zh/option.html#toolbox.feature.dataView https://echarts.apache.org/zh/option.html#toolbox.feature.dataView 参考配置: { "toolbox": { "feature": { "dataView": { //修改下方的颜色代码即可 "textEcharts图形-扩展属性:X轴坐标轴名称与轴线之间的距离调整
(此文档仅供参考) 问题 希望调整x轴坐标轴名称与轴线的距离,避免重叠,如下图 image2021-11-3_11-29-30.png 实现方案 可以用以下扩展属性实现:(具体值设置大小可结合实际调整) { "xAxis": { "nameGap": 30 } } image2021-11-3_11-32-12.png x轴名称距离标线距离删除标签Echarts图形-扩展属性:图例样式,只保留线不显示点(折线图)
(本文档仅供参考) 问题 如何修改图例样式,只保留线不显示点 image2021-6-2_18-22-42.png 解决方案 可以使用扩展属性实现 { "legend": { "show": true, "icon": "line" } } 效果如下: image2021-6-2_18-23-15.png 若使用联合图,一个是柱图,一个是线图,只修改线图图例样式为横线可参考如下扩展属性: { "legend": [{ "itemWidth": 12, "itemHeight": 12,Echarts图形-扩展属性:图例布局排版,图例间距,未选择状态下的颜色
(本文档仅供参考) 问题 想修改图例的布局从 横向排版 变成 竖向排版,同时修改图例的间距,以及未选择状态下的颜色 解决方案 可以使用扩展属性实现,如下: { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向,vertical竖向排版,horizontal横向 "align": "left", //图例对齐方式 "itemGap": 20, //修改图例的间距 //未选择默认是灰色,若想自定义设置未选择的颜色,可改下面的属性 "inactivEcharts图形-扩展属性:Y轴刻度标签与轴线之间的距离
(本文档仅供参考) 问题 如何调整y轴的标签值距离轴线向左偏移? worddav0b0d24883355eed55d709a260164dbf2.png 解决方案 可以写扩展属性实现: { "yAxis": { "axisLabel": { "margin": 20, //刻度标签与轴线之间的距离。 "left": -8, //整个echart位置 "textStyle": { "align": "left" } } } } 最终效果: worddave561b3233e37e8a4c3d641cf102b3247.png 轴标签和轴线距离Echarts图形-扩展属性:图例分页按钮、文字自定义大小
(本文档仅供参考) 问题 如何实现自定义图例分页按钮、文字大小 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/zh/option.html#legen