Перечень статей   Цветовые обозначения   Choose language


Диаграмма из базы данных

Синтаксис и поведение

Поведение диаграммы из базы данных совпадает с поведением таблицы из базы данных - разница только в способе отображения информации. Поля, по которым строится диаграмма, могут быть задублированы в элементах интерфейса также, как это делается для таблицы из базы данных - за исключением того, что диаграмма не может строиться на основе колонок, содержащих булевские данные или картинки, поэтому элементами интерфейса не могут быть checkbox и pic. Если пользователь щелкнет на узле ломаной или сегменте "пирога", главная таблица будет показана в отдельном окне браузера точно также.

<chart roll="A"/>
Вид диаграммы задается свойством presentation, диаграммы разного вида используют разное количество колонок данных, а колонки данных имеют разное предназначение.
chart {
  presentation: decart;
  x:            §a1;
  y:            §a2;
}

Если свойство z определено, то диаграмма является 3D; если свойство z не определено, то диаграмма является 2D. Если свойство y не определено, то вместо него используется ряд натуральных чисел (начиная с 1), а диаграмма является 2D.

Если определено хотя бы одно из свойств f1, f2, f3 (отображается векторное поле), то геометрические фигурки в узлах диаграммы являются стрелками, направления и длины стрелок равны вектору [f1, f2, f3]; свойствa point-type, point-height, point-width (используемые для отображения скалярного поля) игнорируются.

chart {
  point-type:   §a4;
  point-color:  §a5;
}

Свойства f и r задать невозможно, т.к. они автоматически вычисляются на основе других свойств, но их значения можно проверять в селекторах: f=(f12 + f22 + f32)1/2, r=(x2 + y2 + z2)1/2.

a [r > 5] {
  point-color: red;
}
a [f > 3] {
  point-color: green;
}
Свойства
вид диаграммысвойство
pief1
decart, polarx, y, z, r, f1, f2, f3, f


Свойства диаграммы покрывают большинство свойств и атрибутов элемента line (но высота и ширина геометрической фигурки могут быть информативны, поэтому высота и ширина задается по-отдельности), но диаграмма имеет свои уникальные свойства групп plumb (отвес) и veneer (фанера).

Отвесы - это вертикальные линии, опущенные из каждого узла декартовой диаграммы на ось 'X' (в 2D-случае) или плоскость 'X,Y' (в 3D-случае), или опущенные из каждого узла полярной диаграммы на центр диаграммы (в 2D- и 3D-случаях).

Фанеры - это плоскости между отвесами (в 2D- и 3D-случаях).


Свойства
тегсвойствозначение по умолчаниюсписок возможных значений
<chart action= > point-typenullnull (none), disc, circle, square, decimal, star, romb, triangle, hex
point-color,
section-color, plumb-color,
veneer-color
blackaqva, black, blue, fuchsia, gold, gray, green, indigo, lime, maroon, navy, olive, orange, purple, red, silver, teal, violet, white, yellow, #FFFFFF
section-type, plumb-type none none, dotted, dashed, solid, double, groove, ridge, triple
point-height, point-width,
section-width, plumb-width
thinthin, medium, thick, float
point-note,
section-note, plumb-note,
veneer-note
 any text
section-begin, section-end any text
point-title,
section-title, plumb-title,
veneer-title
 any text
alignintohorside, verside, into
splinenoyes, no
gridnoyes, no
grid4cursornoyes, no
x-logarithmic, y-logarithmic, z-logarithmic any natural number, more 1
x-label, y-label, z-label any text



Построение нескольких графиков на одной диаграмме

Например, 'японские свечи' являются комбинацией трех 2D декартовых графиков: первый имеет цвет отвеса, отличный от цвета фона; второй не имеет отвеса; а третий имеет цвет отвеса, равный цвету фона. Каждый график задается элементом cbody, chart body (таким образом существует несколько этих элементов внутри диаграммы). Все выше упомянутые предназначения и свойства могут указываться как для chart, так и для cbody.

<chart several="stacked">
  <cbody roll="A">
  <cbody roll="B">
  <cbody roll="C">
</chart>

Могут ли несколько графиков перекрывать друг друга, а если не могут, то как они должны быть размещены, определяется свойством several элемента chart:




Тюрин Дмитрий



Перечень статей   Цветовые обозначения   Choose language