weixin_58412143 2022-03-14 17:51 采纳率: 90.9%
浏览 161
已结题

怎么让echarts legend值和series 里的name值分离

问题——
1.数据没有显示;
2.series 里的name值不给图例就不显示

methos——
// 获取 websocket 返还数据
            WS_2websocket.onmessage = function (res) {
              // 转换接收到数据格式
              let val = JSON.parse(res.data)
                  val = JSON.parse(val.listWS);
              // 清空上次数据
                    that.cdata.Wind_Direction_2 = [];
                    that.cdata.Wind_Speed_2 = [];
              //循环添加数据
for (let i=0; i<val.length; i++)
              {
                // that.cdata.lineData.push(val[i].time_ws_2);
                that.cdata.Wind_Direction_2.push(val[i].Wind_Direction_2);
                that.cdata.Wind_Speed_2.push(val[i].Wind_Speed_2);
                    console.log( that.cdata.Wind_Speed_2)//如图
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/687742152746189.png "#left")

              }
option——
legend: {
              show: true,
              top: 70,
              right: 0,
              data: [
                                  '24.5-28.4m/s',
                                  '20.8-24.4m/s',
                                  '17.2-20.7m/s',
                                  '13.9-17.1m/s',
                '10.8-13.8m/s',
                '8.0-10.7m/s',
                '5.5-7.9m/s',
                '3.4-5.4m/s',
                '1.6-3.3m/s',
                '0.3-1.5m/s',
                '0.0-0.2m/s'
              ],}
angleAxis: {
              type: 'category',
              // data: ['N', 'E', 'S', 'W', ],
              data:newData.Wind_Direction_2,
}
series: [{
                type: 'bar',
                data:newData.Wind_Speed_2,
                coordinateSystem: 'polar',
                 name: '0.0-0.2m/s',//要是不给这个,图例就不显示
              },
  • 写回答

2条回答 默认 最新

  • 面向百度编程cv 2022-03-14 18:01
    关注
    let 不能重复声明变量
    let val = JSON.parse(res.data.listWS);
    
    data:newData.Wind_Direction_2
    newData.Wind_Speed_2
    有值吗
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月24日
  • 已采纳回答 3月16日
  • 创建了问题 3月14日

悬赏问题

  • ¥15 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络,如何解决?
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景
  • ¥70 2048小游戏毕设项目
  • ¥20 mysql架构,按照姓名分表
  • ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分