Eacharts K线报错问题

1、Cannot read property 'coord' of undefined 

原因:初始化的时候还未获取到数据

 

2、

在vue中引用了Echarts 导致Cannot read property getAttribute of null?

原因:未获取到图形容器,VUE需要先把容器渲染出来才能挂载上echarts图形。

解决办法:将初始化K线的方法在this.$nextTick(function(){初始化K线的方法})里面调用

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好!如果您想要在 ECharts 中显示多条折线,并且希望悬浮显示一条线的数据,您可以通过使用 ECharts 的 tooltip 功能来实现。 下面是一个简单的示例代码,演示了如何在 ECharts 中显示多条折线并悬浮显示一条线的数据: ```javascript // 初始化echarts实例 var myChart = echarts.init(document.getElementById('chart')); // 定义折线图的数据 var data1 = [/*数据数组*/]; var data2 = [/*数据数组*/]; var data3 = [/*数据数组*/]; // 设置echarts的配置项 var option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross' } }, legend: { data: ['Line 1', 'Line 2', 'Line 3'] }, xAxis: { type: 'category', data: [/*x轴数据数组*/] }, yAxis: { type: 'value' }, series: [ { name: 'Line 1', type: 'line', data: data1 }, { name: 'Line 2', type: 'line', data: data2 }, { name: 'Line 3', type: 'line', data: data3 } ] }; // 使用刚指定的配置项和数据显示图表 myChart.setOption(option); ``` 在上述示例代码中,通过在 `series` 中定义多个 `line` 类型的系列来显示多条折线,每条折线的数据分别对应 `data1`、`data2`、`data3` 数组。通过设置 `tooltip` 的 `trigger` 为 `'axis'`,当鼠标悬浮在图表上时,会显示对应位置的所有折线的数值。 请注意,上述代码只是示例,并不完整,您需要根据您的实际需求来填充数据和配置其他相关项。希望对您有所帮助!如果您还有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值