Проблемы HighCharts в двухосных, линейных и столбчатых диаграммахJquery

Программирование на jquery
Ответить Пред. темаСлед. тема
Anonymous
 Проблемы HighCharts в двухосных, линейных и столбчатых диаграммах

Сообщение Anonymous »

Я пытаюсь создать двойные оси, линейные и столбчатые диаграммы для высоких диаграмм. Я пробовал предложения по stackoverflows, но не смог найти подходящего решения. У меня данные отформатированы правильно, но диаграмма не сгенерирована, отображается пустая. Я хочу этот тип [ссылки] http://jsfiddle.net/sunman/dwyNz/8/. В сплайновой строке я хочу показать «значения bsp», а в столбце я хочу показать объектов_всего. Ниже я покажу свой код для этого графика. Я также указал на свою ошибку в index.php.

Вот мой Index.php

Код: Выделить всё

     $(function () {
$('#container').highcharts({
chart: {
zoomType: 'xy'
},
title: {
text: 'Project faclityv Rating'
},
subtitle: {
text: 'testing'
},
xAxis: [{
categories: []
}],
yAxis: [{ // Primary yAxis
labels: {
//  format: '{value} Rs.',
style: {
color: Highcharts.getOptions().colors[1]
}
},
title: {
text: 'Bsp Cost',
style: {
color: Highcharts.getOptions().colors[1]
}
}
}, { // Secondary yAxis
title: {
text: 'facility rating',
style: {
color: Highcharts.getOptions().colors[0]
}
},
labels: {
//format: '{value} out of 100',
style: {
color: Highcharts.getOptions().colors[0]
}
},
opposite: true
}],
tooltip: {
shared: true
},
legend: {
layout: 'vertical',
align: 'left',
x: 120,
verticalAlign: 'top',
y: 100,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
},
series: [{
name: 'Facility Rating',
type: 'column',
yAxis: 1,
data: [],
tooltip: {
valueSuffix: ' out of 100'
}

}, {
name: 'Bsp Cost',
type: 'spline',
data: [],
tooltip: {
valueSuffix: 'Rs.'
}
}]
});

$.getJSON("combochart.php", function(json) {

options.xAxis.categories = json[0]['data'];  /*error here: ReferenceError: options is not defined */
options.series[0] = json[1];
options.series[1] = json[2];

chart = new Highcharts.Chart(options);

});
});
Вот мой combochart.php

Код: Выделить всё

 $query1 = mysql_query("SELECT projects_detail.Project_name,superfac_rating.faci_total
FROM projects_detail LEFT OUTER JOIN superfac_rating
ON projects_detail.project_id= superfac_rating.project_id ");

$category = array();
$category['name'] = 'Project';
while($row1 = mysql_fetch_array($query1)) {
$category['data'][] = $row1['Project_name'];
$series1['data'][] = $row1['faci_total'];
}

$query2 = mysql_query("SELECT projects_detail.Project_name,superfac_rating.faci_total
FROM projects_detail LEFT OUTER JOIN superfac_rating
ON projects_detail.project_id= superfac_rating.project_id
LEFT OUTER JOIN cost ON gsuperfac_rating.project_id=cost.project_id  ");

$series1 = array();
$series1['name'] = 'Project Name';
$series2 = array();
$series2['name'] = 'BSP VALUES';

while($row2 = mysql_fetch_array($query2)) {
$series1['data'][] = $row2['faci_total'];
$series2['data'][] = $row2['bsp'];
}
$result = array();
array_push($result,$category);
array_push($result,$series1);
array_push($result,$series1);
array_push($result,$series2);
print json_encode($result, JSON_NUMERIC_CHECK);
Я думаю, что у меня проблема с кодом JSON, поэтому я не могу получить данные для графика. Я проверил в консоли никаких ошибок. Но я отлаживаю этот код и получаю результат в формате JSON. показывает мне (json o/p пишет в jsfiddle), но график не отображается в браузере. мне объясняют в jsfiddle[link] jsfiddle.net/sunman/rDYvt/9, пожалуйста, проверьте это. дайте мне решение, в котором я ошибаюсь. Поэтому, пожалуйста, помогите мне и разрешите мой вопрос.

Подробнее здесь: https://stackoverflow.com/questions/232 ... umn-charts
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Невозможно изменить цвета составных столбцов в столбчатых диаграммах High.
    Anonymous » » в форуме Android
    0 Ответы
    11 Просмотры
    Последнее сообщение Anonymous
  • Изменение порядка осей на линейных диаграммах с помощью SlapKit.Excel
    Anonymous » » в форуме C#
    0 Ответы
    12 Просмотры
    Последнее сообщение Anonymous
  • Эффективное хранение частично столбчатых данных в базе данных DuckDB в чисто столбчатой ​​форме.
    Anonymous » » в форуме Python
    0 Ответы
    14 Просмотры
    Последнее сообщение Anonymous
  • Примеры создания столбчатых диаграмм в Struts 2
    Anonymous » » в форуме JAVA
    0 Ответы
    5 Просмотры
    Последнее сообщение Anonymous
  • Как скрыть текст титров в диаграммах слияния с помощью CSS
    Anonymous » » в форуме CSS
    0 Ответы
    14 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Jquery»