Image-Charts Line Fill only fills color through y=0, not to bottom of chart - image-charts

How do I get the Image-Charts line fill feature to fill the area under the line to the bottom of the chart, even when there are negative values?
The line fill feature: chm=B,color,series_index,0,0
is supposed to fill the area under a line through the bottom of the chart. It does this in the google version. But, in Image-Charts, rather than coloring the area under a line to the bottom of a chart, it acts as an area chart - which creates an issue when the values are negative. It fills the area between the line and the y=0 (example image is below).
Has anyone figured out how to force it to fill through to the bottom of the chart, even when there are negative values? Or any ideas on other ways to approach within Image-Charts?
Example image of line fill stopping at y=0

Thank you for your report!
We've updated our test suite and deployed a fix:
See our changelog.

Related

Changing the rectangle size causes to curtail the path in sunburst visualization

This ques is in continuation of the question here
Changing the size of arrow boxes of the sunburst visualization
As suggested by ee2dev changing the size works and so did the text size.
But I get two issues with that.
First the middle text shown in the center of chart is missing unlike what we see below for ee2dev.
Second, the path is curtailed to only 4 boxes even if the path is long. See the screenshot.
https://bl.ocks.org/ee2dev/4153ee8eafb5a27d32588b12877a0ea7

Chart.js : How to fill the area under the line to a certain point?

I created a line chart using the chart.js library and filled the area under the line.
The problem that I'm having is the fill under the line does not stop at the last plotted point on the graph. The fill under the curve should stop when the line stops but it keeps going. Is there are a way to specify the fill area so it doesn't fill past the line/last plotted point?
I've looked at the documentation and found a fill property but it's not fixing the problem. I'm thinking it might have something to do with the chart border or gridlines.
In the dataset options, set fill: '-1'

Want to cut off negative area in chart.js

I'm now working on a chart that shows how much time user has spend. Of course the sum of time is no way negative(but can be zero). But when I use chart.js API draw the chart, it automatically smoothened the line. As the result, the line dives into the negative area as below(yellow one).
But if I set "lineTension" option to zero, the chart looks weird. What I want is to eliminate the line under the x-axis like below:
Is this possible? Thanks!

ChartJS Data Overflowing Chart area

I have a chart created with ChartJS that displays datasets ( (x,y) pairs) in a line chart. Based on user requests, I am adding the ability for the user to change the X-max and Y-max values. All well and good until the datasets overflow the Chart area.
This is off the right side of the chart, in the blank space under the legend. As you can see, the lines stop following the points and go crazy until they are clipped by the canvas area.
I would like to clip or mask the visible data using the Chart area, rather than the Canvas area. Is there a setting in ChartJS to do this?
Edit: clarified title
I've found a partial solution. By adding lineTension: 0 to the Chart.dataset object, I was able to get the following:
Changing the line tension to 0 has eliminated the wavy lines outside of the chart area, but I'm still looking for a solution to the data overflow.

Tooltip on area under a plotted line with stacked area chart

I have a stacked area chart (an example is included below) where I would like to have a tooltip with the upper line's nearest point's data appear every time the mouse hovers an area between two lines.
I have absolutely no idea on how to do this and my search queries were unsuccessful into finding a potential solution. I can only make a tooltip on the actual points of the plotted lines but not on the areas between them.
Do you have any idea on how to do it ?
Thank you in advance !
Example of chart : Example of chart
This Flot example seems to do what you want: http://people.iola.dk/olau/flot/examples/interacting.html.
It should be pretty straightforward, based on this code, to use jQuery to add a tooltip at the location of the cursor that displays the point's data. However, you might be better off displaying the coordinates of the cursor (time and value, or whatever) and only using a tooltip for the points provided by your data.

Resources