如何在数据为空时停止绘制图形,并在基线高图中的y轴上有数据时继续绘制


How to stop plotting the graph if data is blank and continue if data is there on the y-axis in base line highcharts

我正在绘制基线高图:

如何在数据为空时停止绘制图形,在y轴上有数据时继续绘制,并在基线高图中在x轴上绘制日期。

如果有空单元格,则图形本身会自动调整:如果单元格为空,我想取消绘制图形,如果单元格具有值,则继续:

这是我从CSV获取值的代码:使用PHP代码:

这是csv文件:

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

我得到的图表是这样绘制的,即使是日期:2014年7月23日、2014年7日24日、2014月25日,2014年7月28日,2014年8月1日,对于这些日期,值不在那里,图形自动调整:

这是图片,请注意:

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

但我想取消打印数据不在的图形

请检查此链接:我想要所需的图形:

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

在这个对并集工作表范围的引用中,是我正在尝试的取消拼接图,就像这个图一样,当数据不在时,我希望这个图是取消拼接的。

我没有10的声誉,这就是为什么我分享了链接,请查看上面的链接。

<!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>

我在中尝试了手动值,也删除了jsfddile中的值,这是highcharts链接,但图形正在绘制自动调整:

请帮忙:

提前感谢:

如果要创建具有间隙的图,则应使用null作为值,例如:

series: [{
    data: [123, 123, null, null, 123, 321]
}]

然后将connectNulls设置为false。