I noticed that my bar chart disappears when the page is resized, the chart is responsive, but instead of adjusting to the size of the screen, the chart disappears completely, is anyone else having any issues with this?

Please remove the console.log lines. These should not be in production code.

The doughnut chart is not refreshed after deselecting a value in the legend.

In this example "Q1 sales target" is not selected, but still shown in the chart.

I think this is because of the legendTemplate, I've had this before when trying to change that.

I haven't got any response or comment on stackoverflow so I'd like to ask it here too to have your view on this issue. Am I doing something wrong or this is really an issue? (See: http://stackoverflow.com/questions/28609932/chartjs-resizing-very-quickly-flickering-on-mouseover )

I have a chart in a bootstrap-based page and I'm trying to resize it when the page gets resized, to follow the changes of the responsive design. So I have this piece of code:

function redrawChart() {
    var w = $("#chart_container").width();
    var c = document.getElementById("chart_canvas");
    c.width = w;
    c.height = w/2;
    $("#chart_canvas").css("width", w);
    $("#chart_canvas").css("height", w/2);

    var chart_canvas = document.getElementById("chart_canvas").getContext("2d");
    var line_chart= new Chart(chart_canvas).Line(data, options);
};

redrawChart();

var resizeTimer; 

$(window).resize(function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(redrawChart, 250);
});

So redrawChart is called once when the page is loaded and then with every page resize.

Symptoms: when the page is loaded, everything works perfectly as long as it's not resized. After a resize, the chart flickers, gets resized very quickly when the mouse is hovering over it. By this I mean that with the smallest move of the cursor different sizes of the chart as a picture are loaded to the canvas. Like if from a cache or something. I suspect that the different sizes are the ones that the cart was resized to when resizing the window and they are coming back depending on the mouse position. Chart-images are loaded to the upper left corner and when a smaller image is loaded, the canvas is not cleared so the larger images remain visible.

The main reason I think these are images is that I use transparent background for the chart but when a smaller one is loaded on the canvas, the transparent part looks as if nothing is beneath that, however there is, the larger chart, previously drawn. But I might be wrong.

Any idea what causes this?

The donut chart doesn't display. Changing configuration settings didn't work to get any different result.

In my microflow I format the values (for example the legenda) with formatFloat($SumVar,'#,###')
. The result is 32.932.222 (32 million) but is shown as 32,932.222.
Is it possible to set the locale or somehing on the chart? My project language is in NL_nl (user lang also)

Whenever I use a microflow to change or refresh the object that feeds in the data to the chart, the chart draws two instances of itself on the canvas. If I refresh it again, it draws three, and it continues in that sequence. I would like for it to redraw the chart over instead of drawing more instances of itself. Does anyone know how I wold accomplish this?

When i highlight over a data point on the line chart it currently brings up a label that is not for the correct month. For example you highlight February and January figure comes up.

The stacked bars aren't in the right order. I expect that the first dataset (sequence 1) is at the bottom and the next dataset above it. And so on, and so on.
Now the order isn't always stable and the order way around.

Greetings,

I'm trying to use the datasetFill option for radar charts and set it to no filling; however, when I set the datasetFill option to no, the chart is always filled. This option works for line charts but not for radar charts. Is this an issue with the widget or does it have anything to do with chartjs? Thank you for your help.

On the stacked bar chart there is a property 'Chart Type' in the modeler, but this is redundant. Please remove.

The Height and width aren't set on the line widget on the canvas. A default size is used and now there is a scrollbar.

A chart will have multiple dataset, but sometimes the dataset won't have any datapoints. At this moment the widget will crash because the widgets tries to retrieve null id's from the app.

In the properties of the widget you can set custom height and width, but those settings aren't set on the canvas of the widget. The height and width on the canvas are preset on the template of the widget. The responsive is set on No.

In the testing project, the Polar Chart type is not rendering at a proper size on the canvas. The chart ends up looking very small, especially when comparing with pie and donut. The chart is not usable in its current form in a project.

Chart not shown in Group box, when property "Collapsible" of Group box is set to "Yes (start collapsed)"

When the 'Chart' object is refreshed from a microflow, the chart needs to pull the chart data again and draw the chart again.

We would like empty values in the data points to not show, instead of 0 as a value. This would be a more correct representation of our data (data points with 0 might be correct measurements. empty data points mean the measurement is missing).

The simpleChart widget used to handle it this way.

According to http://stackoverflow.com/questions/30462042/line-chartjs-empty-null-values-doesnt-break-the-line/30478786#30478786 it should be possible with ChartJS.

When I disable a slice in the legend it doesn't refresh the object, causing the disabled slice to remain visible. This feature DOES work in the Pie chart

Banana slice is disabled, but still visible (donut)

Software slice is disabled and no longer visible in the chart (pie)

The both widgets doughnut and double doughnut has the properties 'Minimum value Y axis' and 'Maximum value Y axis'. For the both widgets there is an option X value and Y value for the single datapoint.
Those properties are irrelevant.

Should use an enumeration to simply select from the list of options.

With the new ChartJS library, the chartLegend is drawn twice:

1. according to the legend template (this will show below the widget)
2. according to the chartJS legend (this will show above the widget)

Disabling the legend in the widget will draw only one legend, namely the legend from ChartJS itself.

In short, a few things:

1. Two legends
2. disable legend in widget will disable only one (the bottom, widget, one)
3. rendering of widget legend is really messy.
4. Using the widget legend to disable datasets, doesn't use the animation

In my opinion, the template should be deleted, and we should use the ChartJS default template, and let the showLegend boolean disable thát legend.

If that is the way to go, I'd like to see an attribute where I can set the font family, or automatically let it use the font from my application. It defaults to Helvetica now.

Within 360 there are colors for each type of data. The colors are created based RGBA. At this moment I'm missing to set the alpha value because of the colors are in RGB. Is there a solution to set the alpha value? Or as a separate optional property.

1. Run testproject
2. Click on groupbox
3. Click on expand icon

Result: Chart not shown

When more than 1 data set exists (and thus multiple lines), the tooltip that is rendered on the chart canvas does not align with the user's mouse / cursor. It is typically a 2 points to the left of where the user would like the tooltip to be. See attached image for more details.

Please not that the tooltip displays correctly when there is only 1 data set (or the other data sets have been de-selected).

Thank you!

the legend doesn't seem to be displaying when using a pie chart.

Dear ChartJs devteam,

I seem to be missing the "Maintain aspect ratio" option on my BarChart settings due to my resolution. Is it possible to make the screen scroll when dealing with different resolutions?

Many thanks,

R. Somers

Selecting whether the line in a linechart should be curved, doesn't do anything.

I have the boolean set to no, but the line is still curved.

The settings Brezier Curve and Brezier Curve Tension don't seem to do anything

It's currently not possible to select attributes based on the Decimal type when using the charts (tested with Doughnut and Pie charts)

Tested in Mendix 6.0