Открытая флеш-карта: как отобразить прогнозируемые данные - PullRequest
Новая
       32

Открытая флеш-карта: как отобразить прогнозируемые данные

0 голосов
/ 30 июня 2009

Я использую открытую флэш-диаграмму для отображения диаграммы на своей странице. Я использую приведенный ниже код для отображения данных линейной диаграммы на своей странице. 

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("open-flash-chart.swf", "my_chart", "530", "250","9.0.0", "expressInstall.swf",
{"data-file":"data.json"}
);
</script>

и мой файл json выглядит следующим образом 

{

  "y_legend":{
        "text": "Price US$",
         "style": "{color: #53B9AA;font-size:20; }"
            },

  "elements":[
   {
   "type": "line",
   "colour": "#53B9AA",
    "bg_colour": "#E58A25",
    "background-color":"#53B9AA",
    "inner_background": "#E58A25",
    "text": "Price History",
    "font-size": 19,
    "width": 1,
    "dot-style": {
    "type":"solid-dot", "colour":"#F57F22", "dot-size": 3,
         "tip":"Average price: #val#<br>#x_label#" },
         "on-show": {"type": "shrink-in", "cascade":1, "delay":0.7},
          "values" : [
                 5,7,10,12,13,{"value":11,"colour":"#53B9AA","tip":"Average price :  #val#<br>#x_label#"},
  10,9,8,7,6]
}
],

  "x_axis":{
  "colour": "#7CC8B5",
  "text": "Price US$",
  "labels": {
  "rotate": "vertical",
  "labels":["Jan-09","Feb-09","Mar-09",
  "Apr-09","May-09","Jun-09",
  "Jul-09","Aug-09","Sep-09",
  "Oct-09","Nov-09","Dec-09",
  "Jan-10","Feb-10","Mar-10"]
  }
 },

 "y_axis":{
 "stroke": 4,
  "tick-length": 10,
  "colour": "#7CC8B5",
  "grid-colour": "#ADB5C7",
   "grid-visible": true,
   "offset": false,
    "min": 5,
     "max": 20,
     "visible": true,
     "steps": 5
   }
}

График довольно хорошо рендерится в моем браузере. Теперь я хочу добавить еще немного данных на график. В основном моя диаграмма отображает средние продажи за последние несколько месяцев. Я также хочу показать прогнозируемые / прогнозные / будущие данные. Я могу передать эти данные в файл jSON. Я хочу, чтобы будущие данные были другого цвета на диаграмме. И я хочу также отобразить легенды в верхней части диаграммы, чтобы указать, какие из них являются текущими, а какие - будущие данные.

Заранее спасибо.

1 Ответ

0 голосов
/ 05 июля 2009

Решение состоит в том, чтобы использовать разные строки для текущих и прогнозируемых данных.

Вы можете добавить несколько линий на одну диаграмму, но это может не подходить для ваших целей, поскольку (по крайней мере, в настоящее время), линейные диаграммы должны иметь данные для всего диапазона оси x, а любые нулевые значения интерполируются.

Один из вариантов - использовать исправленную версию с этого сайта , установить null-gap: true и использовать нулевые значения данных для заполнения позиций строки.

Можно использовать обычную версию объекта Flash и использовать точечные диаграммы, как в этом примере: http://teethgrinder.co.uk/open-flash-chart-2/scatter-mixed.php

...