Comments (4)
The problem is the DateTime, you should convert to String this object.
In my case the code is:
for (Map v in values) {
var c=
new ChartPoint(x: v['date'].toString(), y: v['value']); // v['date'] -> DateTime object
chartData.add(c);
}
ChartXAxe chartScaleX = new ChartXAxe(
type: 'time',
gridLines: new GridLineOptions(display: false),
scaleLabel: new ScaleTitleOptions(labelString: "Date", display: true),
time: new TimeScale(
unit: "year",
displayFormats: new TimeDisplayFormat(year: "YYYY")));
// define Y Axe
ChartYAxe chartScaleY = new ChartYAxe(
scaleLabel:
new ScaleTitleOptions(labelString: "Values", display: true),
gridLines: new GridLineOptions(display: false));
LinearScale scales =
new LinearScale(xAxes: [chartScaleX], yAxes: [chartScaleY]);
LinearChartData data = new LinearChartData(datasets: <ChartDataSets>[
new ChartDataSets(
label: 'Value',
backgroundColor: 'rgba(107,72,107,1)',
data: chartData)
]);
ChartConfiguration config = new ChartConfiguration(
type: 'line',
data: data,
options: new ChartOptions(
responsive: true,
scales: scales));
new Chart(canvas, config);
from chartjs.dart.
Isn't ChartPoint supposed to work with DateTime as well ?
from chartjs.dart.
from chartjs.dart.
Thanks for clarification.
After having changed to using String, my graph can now display a time series properly.
from chartjs.dart.
Related Issues (20)
- Missing constructors HOT 2
- ChartTooltipCallback doesn't work after dartjs compilation HOT 1
- Plans to make library Dart 2 compatible? HOT 2
- Abstract class error HOT 8
- How can I create a Stacked bar Chart
- EXCEPTION: TypeError: Cannot read property 'Chart' of undefined HOT 1
- Unable to render chart- NullError: invalid member on null: 'length' HOT 2
- Abstract class error for "TickOptions" HOT 11
- TypeError: Cannot read property 'Chart' of undefined HOT 6
- Any idea on how to scale the xAxis based on time in hours?
- Using chartjs-plugin-datalabels plugin
- 如何使用? HOT 1
- how to use this with flutter web? HOT 1
- Add 'external' modifier to JS interop classes to support Dart 2.8.1 HOT 3
- TypeError: labelOpts.generateLabels.call is not a function
- Missing Align in ChartLegendOptions HOT 2
- Support for NNBD HOT 2
- Update Required
- Questions on porting HOT 1
- Can we use this in a flutter-for-web app? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chartjs.dart.