我正在绘制基线高图:
如何在数据为空时停止绘制图形,在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。