This is a migrated thread and some comments may be shown as answers.

How to set the border color of a Area chart in MVVM?

1 Answer 127 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Federico
Top achievements
Rank 1
Federico asked on 16 Jun 2017, 12:53 PM
How to set the border color of a Area chart in MVVM?

 

<div data-role="chart"
 data-legend="{ position: 'bottom' }"
 data-series-defaults="{ type: 'area' }"
 data-series-colors="['#A2A2A2']"
 
 data-series="[
                 { field: 'id', name: 'id' , labels: {visible: true},line: {style:'smooth'}}
             ]"
 
 data-bind="source: sourceId,
            events: { seriesHover: onSeriesHoverIndex }"
 style="height: 250px;" >

1 Answer, 1 is accepted

Sort by
0
Accepted
Daniel
Telerik team
answered on 20 Jun 2017, 05:11 AM
Hello,

You can use the series line.width and line.color options to set a border for the area chart. The options are set the same way when using MVVM:
data-series="[
 { field: 'id', name: 'id' , labels: {visible: true}, line: { style:'smooth', width: 5 } }
]"


Regards,
Daniel
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Charts
Asked by
Federico
Top achievements
Rank 1
Answers by
Daniel
Telerik team
Share this question
or