vue echarts kline 在tooltip trigger: ‘axis‘时 自定义参数名已经加振幅参数

这篇具有很好参考价值的文章主要介绍了vue echarts kline 在tooltip trigger: ‘axis‘时 自定义参数名已经加振幅参数。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1 trigger: 'axis' 报错

Cannot read properties of undefined (reading '1') TypeError: Cannot read properties of undefined (reading '1') at formatter (webpack-internal:///./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/HelloWorld.vue?vue&type=script&lang=js&:344:62)

原因: 是缺少数据,比如 设置了主图的数据,但是没有设置副图数据  就会找不到对于数据空指针

2 整体数据结构 -> series 中定义的数据

params :

[
 [日期],
 [主图数据],
 [自定义均线1],
 [自定义均线2],
 [自定义均线3],
]

--> 数据处理成

日期<br/>开盘: 0.07059<br>收盘: 0.0707<br>最低: 0.07059<br>最高: 0.07074<br>振幅: 0.212%<br>ma5 : 0.07053</br>ma10 : 0.07033</br>ma30 : 0.07033</br>

3 处理方法文章来源地址https://www.toymoban.com/news/detail-538472.html

params[0].name + "<br/>"

+ '开盘: ' + params[1][1] + '<br>'
+ '收盘: ' + params[1][2] + &#

到了这里,关于vue echarts kline 在tooltip trigger: ‘axis‘时 自定义参数名已经加振幅参数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • echarts雷达图图例自定义以及tooltip动态展示一维数据

     实现效果: 虽然上面实现了图例自定义,但是仔细看会发现图例与文字不在一条水平线上,利用富文本配置,对height进行调整,实现图例图片与文字对齐。 实现效果: 官方文档中默认显示该维度的所有数据 而遇到的需求是显示鼠标悬浮该轴的数据对比 实现:   虽然实现

    2024年02月16日
    浏览(33)
  • Echarts图表如何利用formatter自定义tooltip的内容和样式

    在展示多数据图表的时候 有的时候需要图例也展示出一些内容来,例如官方这样子:鼠标悬停的时候展示该点数据 但是,官方提供的样式有时不适用所有的开发场景 我的项目需要实现鼠标悬停在某一点的时候,只展示该条线的数据,以及一些图表中未表现的数据。参照原型

    2024年02月01日
    浏览(31)
  • uniapp 如何使用echarts 以及解决tooltip自定义不生效问题

    使用的是echarts-for-wx插件; 正常写法案例:给tooltip数值加个% 这样的写法formatter自定义是不会生效的; 想要自定义生效的正确写法 顺带提一嘴在开发工具上看会有echarts层级太高遮挡显示层问题;这个问题不必理会,真机上显示是正常的 再使用dataZoom组件的时候会报错e.prev

    2024年01月15日
    浏览(51)
  • echarts散点图自定义tooltip,鼠标放上去展示多行数据

    先放效果图 如图,就是鼠标悬停在散点上(这里的散点我替换成了图片,具体做法参考这篇文章:echarts散点图的散点用自定义图片替代-CSDN博客)时,可以展示多行数据。之前查找资料的时候,很多用字符串模板的,即{a}{b}{c}之类的,但是经过实践之后发现这种方法对于散点

    2024年04月24日
    浏览(29)
  • 详解:当鼠标放上echarts图形时,显示数据、名称,或者自定义tooltip弹窗

     主要知识点:tooltip{}该配置项为:提示框组件相关设置 写入代码的位置如下,tooltip与xAxis同级 效果一实现代码 效果二实现代码: 更加灵活的自定义弹窗,可以自己写html,其中 params[0].marker 是柱形颜色的圆形,其他参数可以打印 params查看一下 然后拼接进html里 写入代码的位

    2024年02月11日
    浏览(30)
  • Vue3使用Echarts导致tooltip失效

    版本 vue3.2.47 echarts5.4.1 使用响应式对象存储 echarts 实例,导致 tooltip 功能失效; 原因:Vue3 使用 proxy 对象代理,而 echarts 则使用了大量的全等(===), 对比失败从而导致了bug。 解决方法:将ref或reactive对象换成普通变量来保存 echarts 实例。 初始化图表 更新图表数据

    2024年02月10日
    浏览(31)
  • Vue3 中 echarts 不显示 tooltip 的问题

    近期在项目中需要用到图表类型的数据展示,就想到了用 echarts,项目用的是 Vue3 ,到官网看文档,一顿捣鼓之后在页面上能正常显示图表,本想着一样按套路去展示更多的图表,不出意外的话指定要出意外,这个时候发现图表的提示框 tooltip 没显示!!经过一番查证,发现

    2024年02月14日
    浏览(23)
  • vue+echarts 实现地图tooltip点击事件;toolTip数据动态渲染;同时鼠标滑过涟漪点时实现地图多区域联动

    最终做出来的效果是这样的: 最近做项目时,遇到这样的需求:         1、toolTip上的数据根据后台动态渲染         2、鼠标移入地图涟漪点时显示tootTip,点击toolTip上的文字,携带动态数据id进行路由跳转         3、鼠标移入地图涟漪点,与涟漪点相关的省份多区域联动

    2024年02月09日
    浏览(43)
  • vue自定义指令添加跟随鼠标光标提示框v-tooltip

    在vue中添加自定义指令,能够识别dom,通过鼠标hover事件移入当前区域后,显示浮层 directives自定义提示指令 通过监听鼠标移入移出的mouse方法,设置浮层样式与出现时机 2、div显示dom标签v-tooltip 此时运行后,出现浮层

    2024年02月11日
    浏览(41)
  • echart的tooltip自动展示

    import {autoHover} from ‘./tooltip’

    2024年02月10日
    浏览(27)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包