首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >高级图表JS (HTML表,行图)行没有显示数据是否为空值

高级图表JS (HTML表,行图)行没有显示数据是否为空值
EN

Stack Overflow用户
提问于 2016-04-20 03:26:33
回答 1查看 186关注 0票数 0

在High图表JS文档中,它显示了使用null值可以断开线条图。

代码语言:javascript
运行
复制
  series: [{
    data: [29.9, null, 106.4, 129.2, 144.0, 176.0, null, 148.5, 216.4, 194.1, 95.6, 54.4],
  }]

(JSFiddle:http://jsfiddle.net/minuteman/4cpsczdt/)

但是,如果使用HTML表,则行就会消失。只能看到点。

代码语言:javascript
运行
复制
    <tr>
        <th>Plums</th>
        <td>null</td>
        <td>11</td>
    </tr>

(JSFiddle:http://jsfiddle.net/minuteman/qrhp770m/)

如何使用HTML表中的数据重新显示行?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-20 09:15:45

其原因是解析器将空转换为字符串,而不是类型为空。解决方案是使用load事件,对每个系列/每个点进行迭代,并纠正值。

代码语言:javascript
运行
复制
chart: {
      type: 'line',
      events: {
        load: function() {
        var chart = this,
                series = chart.series,
            each = Highcharts.each;

            each(series, function(serie, i) {
                each(serie.data, function(point,j){
                if(point.y === "null") {
                    point.update({
                    y: null
                  },false);
                }
              });
            });

            chart.redraw();
        }
      }
    },

简单演示:jsfiddle.net/es7zrw 71

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36733286

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档