Пример моделиProperty series1 As %Integer(ZENLABEL = "8am");

Property series2 As %Integer(ZENLABEL = "9am");

Property series3 As %Integer(ZENLABEL = "10am");

Property series4 As %Integer(ZENLABEL = "11am");

Method %OnLoadModel(pSource As del.activity) As %Status
{
  set ..%seriesNames(1)="StateRed"
  set ..%seriesNames(2)="StateYellow"
  set ..%seriesNames(3)="StateGreen"

  Set ..%seriesCount=3

  Set ..%data(1,"series1") = 1
  Set ..%data(2,"series1") = 2
  Set ..%data(3,"series1") = 3

  Set ..%data(1,"series2") = 10
  Set ..%data(2,"series2") = 10
  Set ..%data(3,"series2") = 10

  Set ..%data(1,"series3") = 25
  Set ..%data(2,"series3") = 24
  Set ..%data(3,"series3") = 23

  Set ..%data(1,"series4") = 3
  Set ..%data(2,"series4") = 30
  Set ..%data(3,"series4") = -4
  
 Quit $$$OK

Пример кодаClass demo.test Extends %ZEN.Component.page
{

XData Contents [ XMLNamespace = " http://www.intersystems.com/zen"  ]
{
<page xmlns=" http://www.intersystems.com/zen"  title="">
  <jsonProvider id="jsonLabel" OnGetArray="GetArray">
    <parameter paramName="p" value="Label"/>
  </jsonProvider>
  <jsonProvider id="jsonData" OnGetArray="GetArray">
    <parameter paramName="p" value="Data"/>
  </jsonProvider>
  <svgFrame
    id="svgFrame"
    layout="vertical"
    height="810"
    width="800">
    <barChart
      ongetLabelX="return zen('jsonLabel').getContentObject()[value];"
      ongetData="return zen('jsonData').getContentArray()[series];"
      seriesColors="red,yellow,green"
      seriesSize="7"
      seriesCount="3"
      seriesNames="StateRed,StateYellow,StateGreen"
      title="Работа насосов по часам (данные с сервера)"
      width="600" 
      height="400">
    </barChart>
    <svgSpacer height="10"/>
    <barChart
      ongetLabelX="return zenPage.getLabelX(value);"
      ongetData="return zenPage.getChartData(series);"
      seriesColors="red,yellow,green,blue"
      seriesSize="7"
      seriesCount="4"
      seriesNames="StateRed,StateYellow,StateGreen,StateBlue"
      title="Работа насосов по дням недели (данные с клиента)"
      width="600" 
      height="400">
    </barChart>
  </svgFrame>
</page>
}

Method GetArray(
  ByRef pParameters,
  Output pMetaData,
  Output pData) As %Status
{
  Set pMetaData = $LB(0,1,2,3,4,5,6)
  if pParameters("p")="Label" {
    Set pData = $LB("8am","9am","10am","11am","12am","1pm","2pm")
  }elseif pParameters("p")="Data" {
    Set pData(1) = $LB($r(50),$r(50),$r(50),$r(50),$r(50),$r(50),$r(50))
    Set pData(2) = $LB($r(70),$r(70),$r(70),$r(70),$r(70),$r(70),$r(70))
    Set pData(3) = $LB($r(20),$r(20),$r(20),$r(20),$r(9)-9,$r(20),$r(9)-9)
  }
  Quit $$$OK
}

ClientMethod getLabelX(value) [ Language = javascript ]
{
  var data = new Array(7);
  data[0] = 'Пн';
  data[1] = 'Вт';
  data[2] = 'Ср';
  data[3] = 'Чт';
  data[4] = 'Пт';
  data[5] = 'Сб';
  data[6] = 'Вс';
  return data[value];
}

ClientMethod getChartData(series) [ Language = javascript ]
{
  var data = new Array(7);
  var value = 50;

  for (var i = 0; i < data.length; i++) {
    if (Math.random() > 0.9) {
      value += (Math.random() * 50) - 35;
    }
    else {
      value += (Math.random() * 20) - 9;
    }
    data[i] = value;
  }
  return data;
}

}