angular2 + wijmo5 - Линия аннотации
Как можно построить график распределения вероятностей в моем приложении Angular 2.
Я попытался использовать строку аннотации Wijmo. Работало с использованием координат начальной и конечной точек.
Мне нужно построить линию с использованием координатных точек данных xy.
Также пробовал свойство вложения с помощью строки wj-flex-chart-annotation-line (DataIndex и DataCoordinate). Как мне нужно указать точки данных с помощью опции вложения. Какое значение необходимо предоставить для точки типа данных с параметром вложения?
<wj-flex-chart [itemsSource]="data" [chartType]="'Spline'" [bindingX]="'country'">
<wj-flex-chart-axis [wjProperty]="'axisX'" [title]="titleX" [labels]="false"></wj-flex-chart-axis>
<wj-flex-chart-axis [wjProperty]="'axisY'" [title]="titleY"></wj-flex-chart-axis>
<wj-flex-chart-series [binding]="'sales'"></wj-flex-chart-series>
<wj-flex-chart-annotation-layer>
<wj-flex-chart-annotation-line [position]="2" [start]="{x: 250, y: 0}" [end]="{x: 250, y: 300}" ></wj-flex-chart-annotation-line>
<wj-flex-chart-annotation-line [attachment]="'DataIndex'" [wjProperty]="'axisX'" [pointIndex]="2"></wj-flex-chart-annotation-line>
</wj-flex-chart-annotation-layer>
</wj-flex-chart>
data = [
{'country': "US", 'downloads': 3457, 'sales': 1681.374337182966},
{'country': "Germany", 'downloads': 467, 'sales': 5821.869030096296},
{'country': "UK", 'downloads': 12151, 'sales': 2260.865004748749},
{'country': "Japan", 'downloads': 19762, 'sales': 2331.3376444697155},
{'country': "Italy", 'downloads': 13341, 'sales': 6264.880417785565},
{'country': "Greece", 'downloads': 1088, 'sales': 80.409117985476}
];
Используемые ссылки:
Угловая аннотация в 2 диаграммы
WjFlexChartAnnotationLine Class
Благодарю вас.