搜索

Help

第32页,共129页。 显示 1,287 条结果 (0.031 秒)

  1. Echarts图形-扩展属性:X轴坐标轴名称与轴线之间的距离调整

    (此文档仅供参考) 问题          希望调整x轴坐标轴名称与轴线的距离,避免重叠,如下图          image2021-11-3_11-29-30.png 实现方案          可以用以下扩展属性实现:(具体值设置大小可结合实际调整) { "xAxis": { "nameGap": 30 } }         image2021-11-3_11-32-12.png x轴名称距离标线距离删除标签
    FAQ中心六月 06, 2022
  2. 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 https
    FAQ中心三月 20, 2023
  3. Echarts图形-扩展属性:Y轴刻度标签与轴线之间的距离

    (本文档仅供参考) 问题 如何调整y轴的标签值距离轴线向左偏移?  worddav0b0d24883355eed55d709a260164dbf2.png 解决方案 可以写扩展属性实现: { "yAxis": { "axisLabel": {  "margin": 20, //刻度标签与轴线之间的距离。 "left": -8, //整个echart位置 "textStyle": { "align": "left" } } } } 最终效果:  worddave561b3233e37e8a4c3d641cf102b3247.png 轴标签和轴线距离
    FAQ中心十二月 21, 2021
  4. 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
    FAQ中心十月 10, 2023
  5. Echarts图形-扩展属性:如何将echarts图形的数据标签往上调整

    (本文档仅供参考) 问题 由于第三方插件原因,目前excel图形调整数据标签位置发布后是不生效的,若用echarts图形代替,如何将图形的数据标签往上调整? excel数据标签.jpg 解决方案 具体请参考如下扩展属性     { "series": [{ "label": { "normal": { "position": "top", "distance": 30 } } }] } 调整数据标签位置.jpg
    FAQ中心六月 06, 2022
  6. Echarts图形-扩展属性:y轴刻度线为负值的数值显示为红色

    (本文档仅供参考) 问题描述 如下图,y轴刻度线为负值,字体颜色显示为红色:-100,000,怎么实现这个效果? 1A7D1C72C4544DCE(04-26-11-40-08).png 解决方案 可使用如下扩展属性实现效果: {         "yAxis": {             "axisLabel": {                 "textStyle": {                     "color": "function(value,index){ return value>=0 ? '#474140':'red
    FAQ中心六月 06, 2022
  7. Echarts图形-扩展属性:鼠标提示的背景色和字体颜色的修改

    (本文档仅供参考) 问题 电子表格的Echarts图形的鼠标提示希望修改背景色和字体的颜色,如下图 image2021-4-16_14-18-27.png 解决方案 在电子表格-图形设置中,请参考如下扩展属性 image2021-4-16_14-19-22.png { "tooltip": { //背景颜色 "backgroundColor": "rgb(220,20,60)", "textStyle": { //字体颜色 color: "rgb(248,248,255)" } } } 可参考
    FAQ中心六月 06, 2022
  8. Echarts图形-扩展属性:鼠标提示多出了序号时,不显示序号

    (本文档仅供参考) 问题         当在柱图上设置鼠标提示为: "tooltip": { "formatter": "{c}" }时,鼠标移动到柱子上,发现鼠标提示中会多出一个序号。如下图中“3,”是多出来的序号。 image2020-1-10 10:53:16.png 这个是echarts图形本身的逻辑,那么如何不显示序号,使得鼠标提示显示如下呢? image2020-1-10 10:54:15.png 解决方案 可用以下鼠标提示扩展属性实现: "formatter": "function(a){ return a.data.value[1]}"      鼠标提示不显示序号
    FAQ中心八月 16, 2021
  9. Echarts图形-扩展属性:修改数据标注中文字颜色

    (本文档仅供参考) 问题1 修改数据标注中文字的颜色 5.png 解决方案 示例为折线图,具体请参考如下扩展属性: { "series": [{ "markPoint": { "label": { "normal": { "color": "black" } } } }] } 3.png 修改为黑色,显示效果如下: 4.png 问题2 有多条折线,如果让每条折线上的数据标识文字都修改颜色 解决方案 示例为折线图
    FAQ中心六月 06, 2022
  10. Echarts图形-扩展属性:修改数据标注格式为万

    (本文档仅供参考) 问题 数据标注默认显示的是原始的数值的格式,如下截图:  图片1.png 有的时候希望修改数据标注格式,例如显示为万元等 解决方案 可以使用以下扩展属性去修改数据标注格式,如下: { series: [{ markPoint: { data: [{ "type": "max", "name": "最大值", label: { formatter: function(arg
    FAQ中心六月 06, 2022