@@ -37,41 +37,39 @@ export class PieChartBasicExample extends React.Component<IPieChartProps, { widt
37
37
] ;
38
38
return (
39
39
< div className = "containerDiv" >
40
- < React . Fragment >
41
- < Stack horizontal wrap tokens = { { childrenGap : 20 } } >
42
- < StackItem >
43
- < label htmlFor = "width-slider" > Width:</ label >
44
- < input
45
- type = "range"
46
- value = { this . state . width }
47
- min = { 0 }
48
- max = { 1000 }
49
- id = "width-slider"
50
- onChange = { this . _onWidthChange }
51
- aria-valuetext = { `Width: ${ this . state . width } ` }
52
- />
53
- </ StackItem >
54
- < StackItem >
55
- < label htmlFor = "height-slider" > Height:</ label >
56
- < input
57
- type = "range"
58
- value = { this . state . height }
59
- min = { 0 }
60
- max = { 1000 }
61
- id = "height-slider"
62
- onChange = { this . _onHeightChange }
63
- aria-valuetext = { `height: ${ this . state . height } ` }
64
- />
65
- </ StackItem >
66
- </ Stack >
67
- < PieChart
68
- width = { this . state . width }
69
- height = { this . state . height }
70
- culture = { window . navigator . language }
71
- data = { points }
72
- chartTitle = "Pie Chart basic example"
73
- />
74
- </ React . Fragment >
40
+ < Stack horizontal wrap tokens = { { childrenGap : 20 } } >
41
+ < StackItem >
42
+ < label htmlFor = "width-slider" > Width:</ label >
43
+ < input
44
+ type = "range"
45
+ value = { this . state . width }
46
+ min = { 0 }
47
+ max = { 1000 }
48
+ id = "width-slider"
49
+ onChange = { this . _onWidthChange }
50
+ aria-valuetext = { `Width: ${ this . state . width } ` }
51
+ />
52
+ </ StackItem >
53
+ < StackItem >
54
+ < label htmlFor = "height-slider" > Height:</ label >
55
+ < input
56
+ type = "range"
57
+ value = { this . state . height }
58
+ min = { 0 }
59
+ max = { 1000 }
60
+ id = "height-slider"
61
+ onChange = { this . _onHeightChange }
62
+ aria-valuetext = { `height: ${ this . state . height } ` }
63
+ />
64
+ </ StackItem >
65
+ </ Stack >
66
+ < PieChart
67
+ width = { this . state . width }
68
+ height = { this . state . height }
69
+ culture = { window . navigator . language }
70
+ data = { points }
71
+ chartTitle = "Pie Chart basic example"
72
+ />
75
73
</ div >
76
74
) ;
77
75
}
0 commit comments