搜索

Help

第40页,共111页。 显示 1,105 条结果 (0.022 秒)

  1. Echarts图形-扩展属性:axis类型的鼠标类型怎么修改提示文本

    (此文档仅供参考) 问题 如下图效果 希望去掉前面的原点,减少 名称和数值间的间距 image2022-6-27_18-47-41.png 解决办法 { tooltip: { trigger: 'axis', axisPointer: { type: 'line' }, formatter: function (data) { var formatterdata=""; for(i=0;i<data.length;i++){ formatterdata += data[i].seriesName + ':' +data[i].value[1].toLocaleString()+ '<br>' }; return
    FAQ中心六月 27, 2022
  2. 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 chart = c
    FAQ中心六月 06, 2022
  3. 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
  4. Echarts图形-扩展属性:双y联合图实现0刻度对齐(仪表盘使用)

    (本文档仅供参考) 问题 使用双y联合图,当数据中包含正数和负数时,作图出现双y轴0刻度未对齐的情况,该如何处理? image2023-2-28_18-11-42.png 解决方案 可在扩展属性中进行如下设置,动态获取图形中的最大最小数据,并让坐标轴的最大最小值的绝对值相等: { "yAxis": [ { "max": "function (val){if(Math.abs(val.max)>Math.abs(val.min)){return(Math.abs(val.max)*1).toFixed(0);}else{return(Math.abs(val.min)*1).toFixed(0);}}",
    FAQ中心二月 28, 2023
  5. 图形 - 电子表格柱图鼠标提示被tab页签覆盖

    (本文档仅供参考) 问题描述 电子表格的tab控件图层置于底层,柱图在上方,但是鼠标提示仍然会被tab页签遮挡,但是正常的图片置于底层是不会遮挡的,这种情况需要怎么处理? image2023-5-16_13-54-16.png 问题原因 此问题为echarts低版本的bug,在echarts官网对应说明,即在echarts上被其他容器遮挡住。 解决方案 在echarts4.7版本上,增加了一个设置项tooltip. appendToBody进行显示在body上来实现显示在顶层的设置,echarts官网说明如下: https://github.com/apache/echarts/issues/17679 https
    FAQ中心六月 12, 2025
  6. 图形扩展属性入门

    一、学前须知: 1.什么是EChartsECharts 是一款由百度开源的数据可视化图表库,基于 JavaScript 实现,能够帮助开发者快速生成交互式、动态化的图表与数据大屏。它支持多种主流浏览器及移动端设备,凭借丰富的图表类型、灵活的配置项和强大的数据处理能力,成为数据可视化领域的热门工具之一。 官网:https://echarts.apache.org/ https://echarts.apache.org/ 核心特点: 图表丰富:涵盖折线图、柱状图、饼图、散点图、地图等 30+ 常见图表类型,支持三维可视化及复杂关系图(如桑基图、树图)。 交互性强:提供数据缩放、拖拽、动态更新、提示框等交互功能
    FAQ中心四月 09, 2025
  7. 图形 - 电子表格宏allFieldsData与chartdata数组存储问题

    (本文档仅供参考) 问题: 在电子表格中实现一些echarts图形效果时,需要获取到图形的全部数据,根据图形中的全部数据来进行判断实现动态效果,如:根据占比来设置柱子颜色 https://wiki.smartbi.com.cn/pages/viewpage.action?smt_poid=43&pageId=111891242,这个时候需要在echarts图形的扩展属性中添加一个 "allFieldsData": true,但是发现图形如果在有设置并列轴是字符类型的时候,宏代码中options.allFieldsData可能只能获取到实际数据的第一个值,如下: (1)电子表格echarts图形实际所有
    FAQ中心六月 12, 2025
  8. 图形宏入门

    属性也难以满足。Smartbi提供了“图形宏”功能,用户能根据需求实现图形的各种动态效果。“图形宏”是报表宏的一部分,是单指作用在ECharts图形对象上的报表宏,用户可以使用“图形宏”实现丰富的图形效果。 注:本次课程主要以讲解仪表盘中的图形宏为主。 1.图形宏创建方式 … ECharts图表)渲染之前执行一些自定义的操作,主要用于修改图形的配置选项 onAfterRender(组件渲染后):在Smartbi中,onAfterRender 用于在图形(如ECharts图表)渲染完成后执行一些自定义的操作。例如添加额外的交互功能、调整DOM元素、记录日志
    FAQ中心四月 09, 2025
  9. 第二课:Smartbi图形宏

    1 图形宏简介     当图形需要根据数据,动态展示一些效果的时候,使用扩展属性也难以满足。Smartbi提供了“图形宏”功能,用户能根据需求实现图形的各种动态效果。“图形宏”是报表宏的一部分,是单指作用在ECharts图形对象上的报表宏,用户可以使用“图形宏”实现丰富的图形效果(如下图,实现柱图轮播)。     柱图轮播.GIF     基本上,使用Smartbi的图形宏功能,可以在Smartbi实现任何使用ECharts能够实现的图形。创建入口与创建报表宏相同(详见:报表宏创建方式 https://wiki.smartbi.com.cn//pages/viewpage.action?pageId=69731515),功能
  10. 图形 - 电子表格实现百分比堆积柱图

    (本文档仅供参考) 问题描述         在电子表格里面使用echarts图形如何实现百分比堆积柱图? 解决思路         在数据处理时使用一个辅助列求出分组的百分比计算,选择echarts堆积柱图,然后将计算出来的值作为指标轴展示 解决方案 1、 使用一个辅助列求出分组字段中的数值占比计算,且汇总的字段需要设置父格 image2022-10-7_22-6-40.png 2、数据处理后展示效果如下: image2022-10-7_22-7-21.png 3、基于已处理好的数据制作图形,选择堆积柱图,将计算占比值作为指标值 image2022-10-7_22-9-18.png 4、echarts
    FAQ中心六月 19, 2025