d3 line chart not getting terminated - javascript

I am using d3.js along with dc.js and Crossfilter. As seen on the below image, the chart should end on 12/31/2016 as there is no data after that but keeps on going. Probably stuck at the last value. This is only happening in line chart. When I use a bar chart it does not happen.
Is this a known bug? Not sure what else I can do? I copied the configuration exactly from the dc.js example page (composite chart) and applied my dataset.

Found the problem. My dimensions were based on dates and some records had a typo in them. Instead of 2013, it had 2103 which caused the problem.

Related

chart.js | How to detect a summit/peak in line chart data

Chart.js 2.6.0
Expected Output
I have a problem to solve, I needed to generate this chart out of data:
I somehow managed to generate this chart.
Problems
I am searching for best way to detect summit/peak of data-mountains so that I could put a point(arc) at the top.
Is there a way to put labels in x-axis like in the picture above? I mean there is label after every 21 seconds.
Code so far
Gist: https://gist.github.com/shivabhusal/efb48db79128ffd926cc25960a1d875c
I overrode the draw function of Chart.js and drew lines and points on my own.
Any help will be appreciated, thanks.
Note: My data is not guaranteed to be pointy at the summit; sometimes it can get plateau.
Necessary CodePen is https://codepen.io/shivabhusal/pen/LjWyMe?editors=0010

flot stackpercent setdata bug

I'm trying to update a flot graph using the stackpercent plugin. I wish to include the ability for users to turn legend items on and off, the problem is the chart isn't redrawn properly. The maths for determining % is ignored when using the draw() function as a result the graph doesn't look correct.
This is a Documented bug. However, i don't see it being fixed anytime soon.
How can i fix this?

Chartjs sample line chart setup doesn't show dataLabels

Using the sample line chart code for Chart.js (http://www.chartjs.org/docs/#line-chart-example-usage), I am able to create a perfect Line Chart in js fiddle or on a standalone page.
The problem is, that exact same configuration code, when inserted into my project and turned into a custom Knockout binding, doesn't show the data labels that should be on the left and bottom edges of the chart. Besides that it looks exactly the same as the sample, like it should.
My code is much too complex to include here, so what I'm looking for is just random spitball ideas of what, possibly, could be causing this to happen? Because Chartjs outputs a Canvas element I am finding it near impossible to diagnose this problem.
Thanks ahead of time for any suggestions!
What a silly problem. It turns out that the default color for the labels is #666, which is the same as my background color. I was using the wrong attribute name to change the color of the labels, the proper attribute to set the "data label" color is: scaleFontColor

Issue with Highcharts master-slave chart

I Was checking out the possibility of implementing a zoomable line chart using Highcharts something that highstock line chart does and came across this example in the demo. This will really work fine for me but I have seen a issue with the chart that When I select complete data in the smaller chart, the Big chart isn't showing anything.
I Want to know how to fix this issue.
When you play with that example and check the JavaScript console for errors, you'll see:
Highcharts error #12: www.highcharts.com/errors/12
Following that link:
Highcharts Error #12
Highcharts expects point configuration to be numbers or arrays in
turbo mode
This error occurs if the series.data option contains object
configurations and the number of points exceeds the turboThreshold. It
can be fixed by either setting the turboThreshold option to a higher
value, or changing your point configurations to numbers or arrays. See
turboThreshold.
Shockingly enough, if increase or disable the turboThreshold, the problem goes away.
Fiddle here.

Fixed axes in dojo spider chart

Is there a possibility to have fixed axes for the dojo spider chart? I want every axis showing a fixed value range.
Can I prevent dojo from calculating the scale?
Thanks a lot!
I found a workaround for my problem. I just added two series to the spider chart: One series indicates the minimum and the other one the maximum of the desired range.
After chart.render() I removed these series again and added my legend...works very well for me :)
not yet (or you would have to patch it) but there are discussions around that. See: http://bugs.dojotoolkit.org/ticket/14583#comment:5
I just ran into this same problem. The autoscaling axes are causing me all kinds of problems. It make it impossible to display just one data series, and I have other data series that have one variable that's the same for every series and that screws up the whole plot. I don't know why you can't just addAxis, but apparently the spider plot doesn't use those axes.

Categories