Skip to content

Commit c4001a3

Browse files
JayavigneshwaranGJayavigneshwaranG
authored
Merge pull request #34 from syncfusion-content/flut-5833-alignmentchange-hot
FLUT-5993 - [Others] Added datasource in histogram series
2 parents c5adc41 + 9adfa1b commit c4001a3

File tree

1 file changed

+116
-18
lines changed

1 file changed

+116
-18
lines changed

‎Flutter/cartesian-charts/chart-types/histogram-chart.md

Lines changed: 116 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -33,26 +33,124 @@ You can collapse the normal distribution curve using the [`showNormalDistributio
3333

3434
@override
3535
Widget build(BuildContext context) {
36-
return Scaffold(
37-
body: Center(
38-
child: Container(
39-
child: SfCartesianChart(
40-
series: <ChartSeries>[
41-
HistogramSeries<SalesDaa, num>(
42-
dataSource: chartData,
43-
yValueMapper: (SalesData sales, _) => sales.yValue,
44-
binInterval: 20,
45-
showNormalDistributionCurve: true,
46-
curveColor: const Color.fromRGBO(192, 108, 132, 1),
47-
borderWidth: 3
48-
),
49-
]
50-
)
51-
)
52-
)
53-
);
36+
return Scaffold(
37+
body: Center(
38+
child: Container(
39+
child: SfCartesianChart(series: <ChartSeries>[
40+
HistogramSeries<ChartData, double>(
41+
dataSource: <ChartData>[
42+
ChartData(5.250),
43+
ChartData(7.750),
44+
ChartData(0.0),
45+
ChartData(8.275),
46+
ChartData(9.750),
47+
ChartData(7.750),
48+
ChartData(8.275),
49+
ChartData(6.250),
50+
ChartData(5.750),
51+
ChartData(5.250),
52+
ChartData(23.000),
53+
ChartData(26.500),
54+
ChartData(26.500),
55+
ChartData(27.750),
56+
ChartData(25.025),
57+
ChartData(26.500),
58+
ChartData(28.025),
59+
ChartData(29.250),
60+
ChartData(26.750),
61+
ChartData(27.250),
62+
ChartData(26.250),
63+
ChartData(25.250),
64+
ChartData(34.500),
65+
ChartData(25.625),
66+
ChartData(25.500),
67+
ChartData(26.625),
68+
ChartData(36.275),
69+
ChartData(36.250),
70+
ChartData(26.875),
71+
ChartData(40.000),
72+
ChartData(43.000),
73+
ChartData(46.500),
74+
ChartData(47.750),
75+
ChartData(45.025),
76+
ChartData(56.500),
77+
ChartData(56.500),
78+
ChartData(58.025),
79+
ChartData(59.250),
80+
ChartData(56.750),
81+
ChartData(57.250),
82+
ChartData(46.250),
83+
ChartData(55.250),
84+
ChartData(44.500),
85+
ChartData(45.525),
86+
ChartData(55.500),
87+
ChartData(46.625),
88+
ChartData(46.275),
89+
ChartData(56.250),
90+
ChartData(46.875),
91+
ChartData(43.000),
92+
ChartData(46.250),
93+
ChartData(55.250),
94+
ChartData(44.500),
95+
ChartData(45.425),
96+
ChartData(55.500),
97+
ChartData(56.625),
98+
ChartData(46.275),
99+
ChartData(56.250),
100+
ChartData(46.875),
101+
ChartData(43.000),
102+
ChartData(46.250),
103+
ChartData(55.250),
104+
ChartData(44.500),
105+
ChartData(45.425),
106+
ChartData(55.500),
107+
ChartData(46.625),
108+
ChartData(56.275),
109+
ChartData(46.250),
110+
ChartData(56.875),
111+
ChartData(41.000),
112+
ChartData(63.000),
113+
ChartData(66.500),
114+
ChartData(67.750),
115+
ChartData(65.025),
116+
ChartData(66.500),
117+
ChartData(76.500),
118+
ChartData(78.025),
119+
ChartData(79.250),
120+
ChartData(76.750),
121+
ChartData(77.250),
122+
ChartData(66.250),
123+
ChartData(75.250),
124+
ChartData(74.500),
125+
ChartData(65.625),
126+
ChartData(75.500),
127+
ChartData(76.625),
128+
ChartData(76.275),
129+
ChartData(66.250),
130+
ChartData(66.875),
131+
ChartData(80.000),
132+
ChartData(85.250),
133+
ChartData(87.750),
134+
ChartData(89.000),
135+
ChartData(88.275),
136+
ChartData(89.750),
137+
ChartData(97.750),
138+
ChartData(98.275),
139+
ChartData(96.250),
140+
ChartData(95.750),
141+
ChartData(95.250)],
142+
showNormalDistributionCurve: true,
143+
curveColor: const Color.fromRGBO(192, 108, 132, 1),
144+
binInterval: 20,
145+
yValueMapper: (ChartData sales, _) => sales.y)]))));
146+
}
54147
}
55148

149+
class ChartData {
150+
ChartData(this.y);
151+
final double y;
152+
}
153+
56154
{% endhighlight %}
57155

58156
![histogram chart](cartesian-chart-types-images/Histogram.png)

0 commit comments

Comments
 (0)