安裝
flutter pub add xb_chart
源碼：https://github.com/huisedediao/xb_histogram_chart
image.png
import 'package:flutter/material.dart';
import 'package:xb_custom_widget_cabin/histogram_chart/histogram_chart_vm.dart';
import 'package:xb_custom_widget_cabin/histogram_chart/xb_histogram_chart/xb_histogram_chart.dart';
import 'package:xb_custom_widget_cabin/histogram_chart/xb_histogram_chart/xb_histogram_chart_y_model.dart';
import 'package:xb_scaffold/xb_scaffold.dart';
class HistogramChart extends XBPage<HistogramChartVM> {
const HistogramChart({super.key});
@override
generateVM(BuildContext context) {
return HistogramChartVM(context: context);
}
@override
String setTitle(HistogramChartVM vm) {
return "柱狀圖demo";
}
@override
Widget buildPage(vm, BuildContext context) {
final models = [
XBHistogramYModel(name: '張益達(dá)', value: 10),
XBHistogramYModel(name: 'snack', value: 9),
XBHistogramYModel(name: '呂小布', value: 8),
XBHistogramYModel(name: '曾小賢', value: 7),
XBHistogramYModel(name: '吳彥祖', value: 6),
XBHistogramYModel(name: '張震', value: 5)
];
return Center(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: Container(
color: Colors.white,
child: Padding(
padding: const EdgeInsets.all(8.0),
child: XBHistogram(yModels: models),
),
),
),
),
);
}
}
