ECharts

Page not available in English



ユーザーコントロールEchartはデータを表示するためのインタラクティブなグラフのセットです。

実行すると次のようになります。

コントロールの使用方法 

Extensibility Catalogを開き、左メニューからWebセクションへ移動してください。
 
EChartsコントロールを選びインストールしてください。(コントロールのインストール手順における疑問点についてはExtensibility Catalogのドキュメントを参照してください) 

インストールの際、コントロールと共にサンプルのXPZをインポートすることを推奨します。
Ignia/Controls/ECharts配下にユーザーコントロールのサンプルXPZをインポートする際、異なるタイプのグラフとそれに対応するデータ構造を持つSDTを持つ複数のサンプルウェブパネルが作成されます。 

Chart Typeプロパティで様々なグラフの中から使用するものを選択できます。以下が選択肢になります: BarGradient, LineStack, AreaSimple, Donut, ScatterSingleAxis, BarPolarStack, BarStack, LineCategory, PieSimple, Funnel, BarCategoryStack, Mix-line-bar, Gauge-Styling  

Area Simple

このグラフのデータ読み込み手順:

系列タイプ「line」を選択

Serie.Valueから追加した系列の各データについて、x軸の値がxAxisに追加されます。

Sub 'Load Data'
    
    &Serie = new()
    &Serie.SerieName = "Direct interview"
    &Serie.SerieColor = "#459145"
    &Serie.SerieStack = ""
    &Serie.SerieType = SerieType.line
        
    &count = 1
    
    &Total = 5000
    
    &previus = 200
    &date = today()    
    
    for &count = 3 to &Total
        &dato = (random()-0.49) * 20 + &previus
        &Serie.Values.Add(&dato)
        
        &previus = &dato
        
        &date = &date + 1    
        &datestring = &date.Year().ToString().Trim() + "/" + &date.Month().ToString().Trim() + "/" + &date.Day().ToString().Trim()
        
        &EChartData.xAxis.Add(&datestring)
    endfor
          
    &EChartData.Series.Add(&Serie)    
        
EndSub    

Bar Category Stack

このグラフのデータ読み込み手順:

&EchartDtat.yAxisに軸の値を追加、&EchartDtat.Seriesにbar型のデータ系列を二つ追加します。

Sub 'Load Data'
    &EChartData.yAxis.Add("Germany")
    &EChartData.yAxis.Add("France")
    &EChartData.yAxis.Add("Spain")
    &EChartData.yAxis.Add("Netherlands")
    &EChartData.yAxis.Add("Belgium")

    &Serie = new()
    &Serie.SerieName = "Year 2013"
    &Serie.SerieColor = "#EF5350"
    &Serie.SerieStack = "Year 2013"
    &Serie.SerieType = SerieType.bar
    
    &Serie.Values.Add(38203)
    &Serie.Values.Add(73489)
    &Serie.Values.Add(129034)
    &Serie.Values.Add(204970)
    &Serie.Values.Add(331744)
 
    &EChartData.Series.Add(&Serie)    
    
    &Serie = new()
    &Serie.SerieName = "Year 2014"
    &Serie.SerieColor = "#66BB6A"
    &Serie.SerieStack = "Year 2014"
    &Serie.SerieType = SerieType.bar
    
    &Serie.Values.Add(39325)
    &Serie.Values.Add(83438)
    &Serie.Values.Add(131000)
    &Serie.Values.Add(221594)
    &Serie.Values.Add(334141)
   
    &EChartData.Series.Add(&Serie)    

EndSub

Bar Polar Stack

このグラフのデータ読み込み手順:

&ECHartData.RadiusAxisに4つの半径を追加、1個の値を持つ3つの系列A、B、Cを半径ごとに追加します。

Sub 'Load Data'
    
    &EChartData.RadiusAxis.Add("Monday")
    &EChartData.RadiusAxis.Add("Tuesday")
    &EChartData.RadiusAxis.Add("Wednesday")
    &EChartData.RadiusAxis.Add("Thursday")
    
    
    &Serie = new()
    &Serie.SerieName = "A"
    &Serie.SerieColor = "#459145"
    &Serie.SerieStack = "a"
    &Serie.SerieType = SerieType.bar
    
    &Serie.Values.Add(1)
    &Serie.Values.Add(2)
    &Serie.Values.Add(3)
    &Serie.Values.Add(4)
       
    &EChartData.Series.Add(&Serie)    
    
    
    
    &Serie = new()
    &Serie.SerieName = "B"
    &Serie.SerieColor = "#B5A395"
    &Serie.SerieStack = "a"
    &Serie.SerieType = SerieType.bar
    
    &Serie.Values.Add(2)
    &Serie.Values.Add(4)
    &Serie.Values.Add(6)
    &Serie.Values.Add(8)
       
    &EChartData.Series.Add(&Serie)    
    
    
    &Serie = new()
    &Serie.SerieName = "C"
    &Serie.SerieColor = "#A59A10"
    &Serie.SerieStack = "a"
    &Serie.SerieType = SerieType.bar
    
    &Serie.Values.Add(1)
    &Serie.Values.Add(2)
    &Serie.Values.Add(3)
    &Serie.Values.Add(4)
       
    &EChartData.Series.Add(&Serie)
    
    
Endsub    

 

Bar Stack

このグラフのデータ読み込み手順:

&EchartDtat.xAxisにx軸の値を追加、&EchartDtat.Seriesにbar型のデータ系列を6つ追加します。

Sub 'Load Data'
    
    &ChartData.xAxis.Add("Line")
    &ChartData.xAxis.Add("Bar")
    &ChartData.xAxis.Add("Scatter")
    &ChartData.xAxis.Add("Pies")
    &ChartData.xAxis.Add("Map")
    
    &Serie = new()
    &Serie.SerieName = "Version 1.7 - 2k data"
    &Serie.SerieColor = "#E57373"
    &Serie.SerieXAxisIndex = 1
    &Serie.SerieType = SerieType.bar
    &Serie.SerieLevelShow = true
      
    &Serie.Values.Add(680)
    &Serie.Values.Add(819)
    &Serie.Values.Add(564)
    &Serie.Values.Add(724)
    &Serie.Values.Add(890)
    
    &ChartData.Series.Add(&Serie)    
 
    &Serie = new()
    &Serie.SerieName = "Version 1.7 - 2w data"
    &Serie.SerieColor = "#81C784"
    &Serie.SerieXAxisIndex = 1
    &Serie.SerieType = SerieType.bar
    &Serie.SerieLevelShow = true
    
    &Serie.Values.Add(1212)
    &Serie.Values.Add(2035)
    &Serie.Values.Add(1620)
    &Serie.Values.Add(955)
    &Serie.Values.Add(1300)

    &ChartData.Series.Add(&Serie)    
    
    &Serie = new()
    &Serie.SerieName = "Version 1.7 - 20w data"
    &Serie.SerieColor = "#64B5F6"
    &Serie.SerieXAxisIndex = 1
    &Serie.SerieType = SerieType.bar
    &Serie.SerieLevelShow = true
    
    &Serie.Values.Add(2200)
    &Serie.Values.Add(3000)
    &Serie.Values.Add(2500)
    &Serie.Values.Add(3000)
    &Serie.Values.Add(2000)
    
    &ChartData.Series.Add(&Serie)    
    
      
    &Serie = new()
    &Serie.SerieName = "Version 2.0 - 2k data"
    &Serie.SerieColor = "#F44336"
    &Serie.SerieType = SerieType.bar
    &Serie.SerieLevelShow = true
    
    &Serie.Values.Add(247)
    &Serie.Values.Add(187)
    &Serie.Values.Add(95)
    &Serie.Values.Add(175)
    &Serie.Values.Add(270)
    
    &ChartData.Series.Add(&Serie)

    &Serie = new()
    &Serie.SerieName = "Version 2.0 - 2w data"
    &Serie.SerieColor = "#4CAF50"
    &Serie.SerieType = SerieType.bar
    &Serie.SerieLevelShow = true
    
    &Serie.Values.Add(488)
    &Serie.Values.Add(415)
    &Serie.Values.Add(405)
    &Serie.Values.Add(340)
    &Serie.Values.Add(328)
 

    &ChartData.Series.Add(&Serie)
    
    
    &Serie = new()
    &Serie.SerieName = "Version 2.0 - 20w data"
    &Serie.SerieColor = "#2196F3"
    &Serie.SerieType = SerieType.bar
    &Serie.SerieLevelShow = true
    
    &Serie.Values.Add(906)
    &Serie.Values.Add(911)
    &Serie.Values.Add(908)
    &Serie.Values.Add(778)
    &Serie.Values.Add(550)

    &ChartData.Series.Add(&Serie)
EndSub

 

Funnel

このグラフのデータ読み込み手順:

funnel型の系列を一つだけ追加、データコレクションにそれぞれのデータを追加します。

Sub 'Load Data'    
    
    &Serie = new()
    &Serie.SerieName = "Statistics"
    &Serie.SerieStack = "Serie"
    &Serie.SerieType = SerieType.funnel  
    
    
    &Data = new()
    &Data.DataName = "Safari"
    &Data.DataColor = "#2EC7C9"
    &Data.DataValue = 60
    &Serie.Data.Add(&Data)
    
    &Data = new()
    &Data.DataName = "Firefox"
    &Data.DataColor = "#C8B2F4"
    &Data.DataValue = 40
    &Serie.Data.Add(&Data)
    
    
    &Data = new()
    &Data.DataName = "Chrome"
    &Data.DataColor = "#5AB1EF"
    &Data.DataValue = 20
    &Serie.Data.Add(&Data)
    
    &Data = new()
    &Data.DataName = "Opera"
    &Data.DataColor = "#FFCB8C"
    &Data.DataValue = 80
    &Serie.Data.Add(&Data)
    
    &Data = new()
    &Data.DataName = "Internet Explorer"
    &Data.DataColor = "#D87A80"
    &Data.DataValue = 100
    &Serie.Data.Add(&Data)  
    
    &EChartData.Series.Add(&Serie)        
    
EndSub   

Gauge-Styling

このグラフのデータ読み込み手順:

gauge型の系列を一つ作成し、コレクションである&EChartData.MultipleYAxisにおいてセクションの上限値および名前を設定します。

ピボットの連番はGaugeStyleNexValueを呼ぶことで取得できます。

Sub 'Load Data'
       
    &Serie = new()
    &Serie.SerieName = "Memory usage"
    
    &Serie.SerieType = SerieType.gauge
    
    &Data = new()
    &Data.DataColor = "#90EE90"
    &Data.DataValue = 0.2
    &Serie.Data.Add(&Data)
    
    &Data = new()
    &Data.DataColor = "#FFA500"
    &Data.DataValue = 0.4
    &Serie.Data.Add(&Data)
       
    &Data = new()
    &Data.DataColor = "#B9E3F3"
    &Data.DataValue = 0.8
    &Serie.Data.Add(&Data)
    
    &Data = new()
    &Data.DataColor = "#FF4500"
    &Data.DataValue = 1
    &Serie.Data.Add(&Data)
    
    &EChartData.Series.Add(&Serie)    
           
    &MultipleYAxixItem = new()
    &MultipleYAxixItem.max  = 10
    &MultipleYAxixItem.name = "Idle"
    &EChartData.MultipleYAxis.Add(&MultipleYAxixItem)
    
    &MultipleYAxixItem = new()
    &MultipleYAxixItem.max  = 30
    &MultipleYAxixItem.name = "Low"
    &EChartData.MultipleYAxis.Add(&MultipleYAxixItem)
    
    &MultipleYAxixItem = new()
    &MultipleYAxixItem.max  = 60
    &MultipleYAxixItem.name = "Normal"
    &EChartData.MultipleYAxis.Add(&MultipleYAxixItem)
    
    &MultipleYAxixItem = new()
    &MultipleYAxixItem.max  = 90
    &MultipleYAxixItem.name = "High"
    &EChartData.MultipleYAxis.Add(&MultipleYAxixItem)
        
    &EChartData.LoadServiceUrl = GaugeStyleNextValue.Link()
EndSub 

LineCategory

このグラフのデータ読み込み手順:

軸の値をコレクション&EChartData.yAxisに読み込み、line型の系列を一つ追加します。

Sub 'Load Data'
    
    &EChartData.yAxis.Add("0")
    &EChartData.yAxis.Add("10")
    &EChartData.yAxis.Add("20")
    &EChartData.yAxis.Add("30")
    &EChartData.yAxis.Add("40")
    &EChartData.yAxis.Add("50")
    &EChartData.yAxis.Add("60")
    &EChartData.yAxis.Add("70")
    &EChartData.yAxis.Add("80")
    
    
    &Serie = new()
    &Serie.SerieName ='Height(km)With temperature(°C)'
    &Serie.SerieColor = "#459145"
    &Serie.SerieStack = "Main"
   
    &Serie.SerieType = SerieType.line
    
    &Serie.Values.Add(15)
    &Serie.Values.Add(-50)
    &Serie.Values.Add(-55.6)
    &Serie.Values.Add(-46.5)
    &Serie.Values.Add(-22.1)
    &Serie.Values.Add(-2.5)
    &Serie.Values.Add(-27.7)
    &Serie.Values.Add(-55.7)
    &Serie.Values.Add(-76.5)
 
    &EChartData.Series.Add(&Serie)    
   
EndSub

LineStack

このグラフのデータ読み込み手順:

コレクション&EChartData.xAxisにx軸の値を追加、コレクション&ChartData.Seriesにおいてスタックにつき1つの系列を追加します。

Sub 'Load Data'
    
    &ChartData.xAxis.Add("Monday")
    &ChartData.xAxis.Add("Tuesday")
    &ChartData.xAxis.Add("Wednesday")
    &ChartData.xAxis.Add("Thursday")
    &ChartData.xAxis.Add("Friday")
    &ChartData.xAxis.Add("Saturday")
    &ChartData.xAxis.Add("Sunday")
    
    &Serie = new()
    &Serie.SerieName = "Ford"
    &Serie.SerieColor = "#459145"
    &Serie.SerieStack = "Main"
    &Serie.SerieType = SerieType.line
    
    &Serie.Values.Add(120)
    &Serie.Values.Add(132)
    &Serie.Values.Add(101)
    &Serie.Values.Add(134)
    &Serie.Values.Add(90)
    &Serie.Values.Add(230)
    &Serie.Values.Add(210)
    
    &ChartData.Series.Add(&Serie)    
    
    &Serie = new()
    &Serie.SerieName = "Fiat"
    &Serie.SerieColor = "#425873"
    &Serie.SerieStack = "Main"
    &Serie.SerieType = SerieType.line
    
    &Serie.Values.Add(220)
    &Serie.Values.Add(182)
    &Serie.Values.Add(191)
    &Serie.Values.Add(234)
    &Serie.Values.Add(290)
    &Serie.Values.Add(330)
    &Serie.Values.Add(310)    
    
    &ChartData.Series.Add(&Serie)    
    
    &Serie = new()
    &Serie.SerieName = "Toyota"
    &Serie.SerieColor = "#A2F873"
    &Serie.SerieStack = "Main"
    &Serie.SerieType = SerieType.line
    
    &Serie.Values.Add(150)
    &Serie.Values.Add(232)
    &Serie.Values.Add(201)
    &Serie.Values.Add(154)
    &Serie.Values.Add(190)
    &Serie.Values.Add(330)
    &Serie.Values.Add(410)    
    
    &ChartData.Series.Add(&Serie)    
    
    &Serie = new()
    &Serie.SerieName = "Daihatsu"
    &Serie.SerieColor = "#AB5E12"
    &Serie.SerieStack = "Main"
    &Serie.SerieType = SerieType.line
    
    &Serie.Values.Add(320)
    &Serie.Values.Add(332)
    &Serie.Values.Add(301)
    &Serie.Values.Add(334)
    &Serie.Values.Add(390)
    &Serie.Values.Add(330)
    &Serie.Values.Add(320)
    
    &ChartData.Series.Add(&Serie)    
    
    &Serie = new()
    &Serie.SerieName = "Peugeot"
    &Serie.SerieColor = "#4623DD"
    &Serie.SerieStack = "Main"
    &Serie.SerieType = SerieType.line
    
    &Serie.Values.Add(820)
    &Serie.Values.Add(932)
    &Serie.Values.Add(901)
    &Serie.Values.Add(934)
    &Serie.Values.Add(1290)
    &Serie.Values.Add(1330)
    &Serie.Values.Add(1320)    
    
    &ChartData.Series.Add(&Serie)    
    
EndSub

Mix-line-bar

このグラフのデータ読み込み手順:

x軸の値をコレクション&EChartData.xAxisに追加し、bar型の系列を2つとline型の系列1つをコレクション&EChartData.Seriesに作成後、2つの軸の値をコレクション&EChartData.MultipleYAxisに読み込みます。

Sub 'Load Data'
    
    &EChartData.xAxis.Add("January")
    &EChartData.xAxis.Add("February")
    &EChartData.xAxis.Add("March")
    &EChartData.xAxis.Add("April")
    &EChartData.xAxis.Add("May")
    &EChartData.xAxis.Add("June")
    &EChartData.xAxis.Add("July")
    &EChartData.xAxis.Add("August")
    &EChartData.xAxis.Add("September")
    &EChartData.xAxis.Add("October")
    &EChartData.xAxis.Add("November")
    &EChartData.xAxis.Add("December")
    
    
    &Serie = new()
    &Serie.SerieName = "Evaporation"
    &Serie.SerieColor = "#6CD7D9"
    &Serie.SerieStack = "Evaporation"
    &Serie.SerieType = SerieType.bar
    
    &Serie.Values.Add(2.0)
    &Serie.Values.Add(4.9)
    &Serie.Values.Add(7.0)
    &Serie.Values.Add(23.2)
    &Serie.Values.Add(25.6)
    &Serie.Values.Add(76.7)
    &Serie.Values.Add(135.6)
    &Serie.Values.Add(162.2)
    &Serie.Values.Add(32.6)
    &Serie.Values.Add(20.0)
    &Serie.Values.Add(6.4)
    &Serie.Values.Add(3.3)
    
    &EChartData.Series.Add(&Serie)     
    
    &Serie = new()
    &Serie.SerieName = "Precipitation"
    &Serie.SerieColor = "#B6A2DE"
    &Serie.SerieStack = "Precipitation"
    &Serie.SerieType = SerieType.bar
    
    &Serie.Values.Add(2.6)
    &Serie.Values.Add(5.9)
    &Serie.Values.Add(9.0)
    &Serie.Values.Add(26.4)
    &Serie.Values.Add(28.7)
    &Serie.Values.Add(70.7)
    &Serie.Values.Add(175.6)
    &Serie.Values.Add(182.2)
    &Serie.Values.Add(48.7)
    &Serie.Values.Add(18.8)
    &Serie.Values.Add(6.0)
    &Serie.Values.Add(2.3)
    
    &EChartData.Series.Add(&Serie)    
    
    &Serie = new()
    &Serie.SerieName = "Temperature"
    &Serie.SerieColor = "#5AB1EF"
    &Serie.SerieStack = "other"
    &Serie.SerieType = SerieType.line
    &Serie.SerieYAxisIndex = 1
    
    &Serie.Values.Add(2.0)
    &Serie.Values.Add(2.2)
    &Serie.Values.Add(3.3)
    &Serie.Values.Add(4.5)
    &Serie.Values.Add(6.3)
    &Serie.Values.Add(10.2)
    &Serie.Values.Add(20.3)
    &Serie.Values.Add(23.4)
    &Serie.Values.Add(23.0)
    &Serie.Values.Add(16.5)
    &Serie.Values.Add(12.0)
    &Serie.Values.Add(6.2)
    
    &EChartData.Series.Add(&Serie)    
    
    &YAxis = new()
    &YAxis.type = 'value'
    &YAxis.name = 'Water'
    &YAxis.min = 0
    &YAxis.max = 200
    &YAxis.interval = 50
    &YAxis.fomatter = '{value} ml'
    
    &EChartData.MultipleYAxis.Add(&YAxis)
    
    &YAxis = new()
    &YAxis.type = 'value'
    &YAxis.name = 'Temp'
    &YAxis.min = 0
    &YAxis.max = 25
    &YAxis.interval = 5
    &YAxis.fomatter = '{value} °C'
    
    &EChartData.MultipleYAxis.Add(&YAxis)
    
Endsub

PieSimple

このグラフのデータ読み込み手順:

コレクション&Serie.Dataにデータが読み込まれます。

Sub 'Load Data Basic Pie'
    
    &Serie = new()
    &Serie.SerieName = "Visit the Source"
    &Serie.SerieStack = "Visit the Source"
    &Serie.SerieType = SerieType.pie
 
    &Data = new()
    &Data.DataName = "IE"
    &Data.DataColor = "#2EC7C9"
    &Data.DataValue = 335
    &Serie.Data.Add(&Data)
    
    &Data = new()
    &Data.DataName = "Opera"
    &Data.DataColor = "#C4B4E4"
    &Data.DataValue = 310
    &Serie.Data.Add(&Data)
    
    &Data = new()
    &Data.DataName = "Safari"
    &Data.DataColor = "#7BC0F2"
    &Data.DataValue = 234
    &Serie.Data.Add(&Data)
    
    &Data = new()
    &Data.DataName = "Firefox"
    &Data.DataColor = "#FFC799"
    &Data.DataValue = 135
    &Serie.Data.Add(&Data)
    
    &Data = new()
    &Data.DataName = "Chrome"
    &Data.DataColor = "#D87A80"
    &Data.DataValue = 1548
    &Serie.Data.Add(&Data)

    &EChartData.Series.Add(&Serie)    
    
EndSub 

ScatterSingleAxis

このグラフのデータ読み込み手順:

Sub 'Load Echart'
    &EChartData.yAxis.Add("Friday")
    &EChartData.yAxis.Add("Thursday")
    &EChartData.yAxis.Add("Wednesday")
    &EChartData.yAxis.Add("Tuesday")
    &EChartData.yAxis.Add("Monday")
    &EChartData.yAxis.Add("Sunday")
    
    
    &EChartData.xAxis.Add("12a")
    &EChartData.xAxis.Add("1a")
    &EChartData.xAxis.Add("2a")
    &EChartData.xAxis.Add("3a")
    &EChartData.xAxis.Add("4a")
    &EChartData.xAxis.Add("5a")
    &EChartData.xAxis.Add("6a")
    &EChartData.xAxis.Add("7a")
    &EChartData.xAxis.Add("8a")
    &EChartData.xAxis.Add("9a")
    &EChartData.xAxis.Add("10a")
    &EChartData.xAxis.Add("11a")
    &EChartData.xAxis.Add("12p")
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 0
    &VectorDataItem.DataValue = 5
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 1
    &VectorDataItem.DataValue = 4
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 2
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 3
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 4
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 5
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 6
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 7
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 8
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 9
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 10
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 11
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 0
    &VectorDataItem.xPosition = 12
    &VectorDataItem.DataValue = 4
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 0
    &VectorDataItem.DataValue = 6
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 1
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 2
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 3
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 4
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 5
    &VectorDataItem.DataValue = 3
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 6
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 7
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 8
    &VectorDataItem.DataValue = 3
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 9
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 10
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 11
    &VectorDataItem.DataValue = 5
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 12
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 0
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 1
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 2
    &VectorDataItem.xPosition = 2
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 1
    &VectorDataItem.xPosition = 3
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 1
    &VectorDataItem.xPosition = 4
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 1
    &VectorDataItem.xPosition = 5
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 1
    &VectorDataItem.xPosition = 6
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 1
    &VectorDataItem.xPosition = 7
    &VectorDataItem.DataValue = 5
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 1
    &VectorDataItem.xPosition = 8
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 1
    &VectorDataItem.xPosition = 9
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 1
    &VectorDataItem.xPosition = 10
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 1
    &VectorDataItem.xPosition = 11
    &VectorDataItem.DataValue = 6
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 1
    &VectorDataItem.xPosition = 12
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 3
    &VectorDataItem.xPosition = 3
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 3
    &VectorDataItem.xPosition = 4
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 3
    &VectorDataItem.xPosition = 5
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 3
    &VectorDataItem.xPosition = 6
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 3
    &VectorDataItem.xPosition = 7
    &VectorDataItem.DataValue = 5
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 3
    &VectorDataItem.xPosition = 8
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 3
    &VectorDataItem.xPosition = 9
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 3
    &VectorDataItem.xPosition = 10
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 3
    &VectorDataItem.xPosition = 11
    &VectorDataItem.DataValue = 6
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 3
    &VectorDataItem.xPosition = 12
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    
        &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 0
    &VectorDataItem.DataValue = 8
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 1
    &VectorDataItem.DataValue = 3
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 2
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 3
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 4
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 5
    &VectorDataItem.DataValue = 3
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 6
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 7
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 8
    &VectorDataItem.DataValue = 3
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 9
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 10
    &VectorDataItem.DataValue = 3
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 11
    &VectorDataItem.DataValue = 5
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 4
    &VectorDataItem.xPosition = 12
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
&VectorDataItem = new()
    &VectorDataItem.yPosition = 5
    &VectorDataItem.xPosition = 3
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 5
    &VectorDataItem.xPosition = 4
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 5
    &VectorDataItem.xPosition = 5
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 5
    &VectorDataItem.xPosition = 6
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 5
    &VectorDataItem.xPosition = 7
    &VectorDataItem.DataValue = 5
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 5
    &VectorDataItem.xPosition = 8
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 5
    &VectorDataItem.xPosition = 9
    &VectorDataItem.DataValue = 1
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 5
    &VectorDataItem.xPosition = 10
    &VectorDataItem.DataValue = 2
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 5
    &VectorDataItem.xPosition = 11
    &VectorDataItem.DataValue = 6
    &EChartData.VectorData.Add(&VectorDataItem)
    
    &VectorDataItem = new()
    &VectorDataItem.yPosition = 5
    &VectorDataItem.xPosition = 12
    &VectorDataItem.DataValue = 0
    &EChartData.VectorData.Add(&VectorDataItem)

EndSub