首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如果数据为空白,则如何停止绘制图表;如果数据位于y-轴上,则如何停止绘制该图形?

如果数据为空白,则如何停止绘制图表;如果数据位于y-轴上,则如何停止绘制该图形?
EN

Stack Overflow用户
提问于 2014-10-10 07:38:48
回答 1查看 1K关注 0票数 1

我正在编写基线高图表:

如何停止绘制图形,如果数据是空白的,如果数据在y轴上,则继续绘制,并在基线高图中绘制x轴上的日期。

如果空单元格在那里,那么图形本身是自动调整的:如果单元格是空的,我想解图,如果单元格有值,则继续:

这是我正在从CSV : with代码:中获取值的代码。

这是csv文件:

代码语言:javascript
复制
17-Jul-14   41944
18-Jul-14   18692
19-Jul-14   18692
20-Jul-14   11566
21-Jul-14   10400
22-Jul-14   13355
23-Jul-14   
24-Jul-14   
25-Jul-14   
26-Jul-14   12256
27-Jul-14   13202
28-Jul-14   
29-Jul-14   19458
30-Jul-14   13215
31-Jul-14   14429
1-Aug-14    
2-Aug-14    17166
3-Aug-14    15249
4-Aug-14    15201
5-Aug-14    14911

我得到的图表是这样绘制的,即使是日期:23-7月-14,24-7月14日,25-7月14日,28-7月14日,1-8月14日,值不在那里,图表是自动调整的:

这是图像,请注意:

即使在高级图表Jsfiddle中,我也尝试过图形本身是自动调整的:如果值为空:

但是我想解压数据不存在的图形

请检查这个链接:,我想要所需的图形:

http://peltiertech.com/another-approach-plotting-gaps-excel-charts/

在这个参考联合工作表范围是未绘制的图形,我正在尝试像这个图表,我希望这个图表作为未绘图时,数据不存在。

我没有10个名誉,这就是为什么我分享的链接,请检查上面的链接。

代码语言:javascript
复制
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>RNA</title>    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="http://code.highcharts.com/highcharts.js"></script>
    <script src="http://code.highcharts.com/modules/exporting.js"></script>
    <style type="text/css">
    ${demo.css}
    </style>
    <script type="text/javascript">
    $(function () {
        $('#container').highcharts({
            title: {
                text: 'Faluty Trx',
                x: -20 //center
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
                categories: [
                <?php
                if (($handle = fopen("empty_cells_data.csv", "r")) !== FALSE) {
                    $i=0;
                    $len = count(file('empty_cells_data.csv'));

                    while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) {

                        if($i==$len - 1){
                            echo "'".$data[0]."'" ;
                        }else{
                            echo "'".$data[0]."'," ;
                        }
                        $i++;
                    }
                    fclose($handle);
                }
                ?>


                ], labels:{rotation: 65, x:-20}
            },
            yAxis: {
                title: {
                    text: 'percent'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: ''
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
            series: [{
                name: 'Faluty TRX',
                data: [

                <?php
                if (($handle = fopen("empty_cells_data.csv", "r")) !== FALSE) {
                    $i=0;
                    $len = count(file('empty_cells_data.csv'));

                    while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) {

                        if($i==$len - 1){
                            echo $data[1] ;
                        }else{
                            echo $data[1]."," ;
                        }
                        $i++;
                    }
                    fclose($handle);
                }
                ?>

                ]
            }]
        });
    });
  </script>
</head>
<body>
  <div id="container" style="min-width: 660px; height: 400px; margin: 0 auto"></div>
</body>
</html>

我尝试了with手册中的值,还删除了jsfddile中的值,这是High图表链接,但是图形是自动调整的:

请帮助:

预先谢谢:

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-10 09:23:49

如果您想要创建带间隙的图形,那么应该使用null作为值,例如:

代码语言:javascript
复制
series: [{
    data: [123, 123, null, null, 123, 321]
}]

然后将connectNulls设置为false。

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

https://stackoverflow.com/questions/26294252

复制
相关文章

相似问题

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