Как прекратить построение графика, если данные пустые, и продолжить, если данные находятся на оси Y в верхних графиках базовой линии
Я работаю над базовыми старшими чартами:
Как прекратить построение графика, если данные не заполнены, и продолжить, если данные есть на оси 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
Я получил график, построенный таким образом, даже для дат: 23-июля-14, 24-июля-14, 25-июля-14,
28-Июл-14, 1-Авг-14 для этих дат значения отсутствуют, график автоматически корректируется:
Это изображение, пожалуйста, обратите внимание:
Даже в Highcharts Jsfiddle я пробовал сам график автоматически корректировать: если значение пустое:
но я хочу развернуть график, где нет данных
пожалуйста, проверьте эту ссылку: я хочу требуемый график:
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, который является ссылкой старших графиков, но график строит автоматическую настройку:
пожалуйста помоги :
заранее спасибо :
Решение
Если вы хотите создать график с пробелами, то вы должны использовать null в качестве значения, например:
series: [{
data: [123, 123, null, null, 123, 321]
}]
Затем установите connectNulls ложно.
Другие решения
Других решений пока нет …