Highcharts - Final X-Axis label misaligned on point update - highcharts

My chart initially displays correctly. See attached image:
[site won't allow me to attach image, so here is link]
http://imgur.com/VDa2Xar
After updating the last point in the chart, the last label spontaneously misaligns itself. See attached image:
[site won't allow me to attach image, so here is link]
http://imgur.com/eZjAqOJ
The problem cropped up when upgrading from version 2 to 4.1.4. Is there an easy fix for this bug or must I revert back to version 2?

Related

Possible bug in zooming in on Vaadin charts when more than 1 series present?

Earlier, I asked how to create "spectra" charts in Vaadin (see How to create a "spectrum" chart using Vaadin 14+). It turned out that one didn't actually need to create barcharts -- the only real need seemed to be to set the pointwidth to 1. (This solved the "very wide" widths lines when zooming.)
HOWEVER: I think there's a bug in vaadin charts when one has more than 1 series presents and when one zooms: the line moves to an inccorrect position on the x-axis (or the x-axis is no longer placed correctly.) Any thoughts on how to resolve? Here are two screenshots showing the problem. In the first one, only ONE series is visible and the line is at the correct x-axis point of ~598.36. In the second screenshot, though, (where the only change I have made is to enable the 2nd series), the line moves to an INCORRECT x-axis coordinate (it seems like it's ~598.25!!!).
One theory I have is that adding the second series somehow confuses the chart from determining the correct x-axes....maybe because each series has it's own x axis logic in some way? Not sure....(I'm using Vaadin 14 and I tested this both in my dev env and on production.)

White fill in organization chart's connector lines

I'm using a Organization chart and I get this white fill with all the connector lines. I've checked all the color in the code and i couldn't find the element that is causing it.
https://jsfiddle.net/y_tddel/jdtoc10q/2/
.
I had started with this demo. and the issue can be seen here as well. It becomes clearly visible when 'inverted' is set to false,
https://codepen.io/mushigh/full/gJEZxm
EDIT:
Added an image for reference
.
EDIT2: Node & parent highlight

Drawing a horizontal line till first candlestock

I want to plot a horizontal line starting from the right but then stopping at the first candlestick.
I am showing what I managed to do till now in image below (had to include a link rather than an image) but I do not wish that the line goes through all the candlesticks since I might be having more than one candlestick in the same graph. So I wish to that the line stops at the very first candlestick and does not go through all the candlesticks.
http://s17.postimg.org/luvox5ugf/rightyaxis.jpg
You can use plotLines for yAxis
http://api.highcharts.com/highstock#yAxis.plotLines

Teechart with Candlestick for Delphi

I am using the TeeChart VCL Delphi module. I am trying to plot a candlestick chart. I have the following questions:
When I run the code it shows me the last date data on the right hand side. However, the y-axis is not automatically scaling at all. If I scroll backwards, it automatically adjust the y-axis scales. However, if I go far to the right which is the end, it does not auto-scale the y-axis anymore. What am I doing wrong?
The x-axis is the days of the week. However, I have no data for the weekend. It shows as empty space. How do I remove that?
How do you change the cursor so it shows the date/time for the X,Y you choose?
When I run the code it shows me the last date data on the right hand
side. However, the y-axis is not automatically scaling at all. If I
scroll backwards, it automatically adjust the y-axis scales. However,
if I go far to the right which is the end, it does not auto-scale the
y-axis anymore. What am I doing wrong?
What about setting the Y axis (left axis) to be automatic? For example:
Chart1.Axes.Left.Automatic:=True;
A more drastic solution would be also forcing the chart to repaint after adding each point.
Series1.Add(value);
Chart1.Draw;
If any of that helps please send us a simple example project we can run "as-is" to reproduce the problem here. You can attach your files here.
The x-axis is the days of the week. However, I have no data for the
weekend. It shows as empty space. How do I remove that?
You should do as in the All Features\Welcome!\Chart Styles\Financial\Candle (OHLC)\Axis Labels no Weekends example in the new features demo. This demo is included with registered and evaluation versions. Otherwise you can download it here.
How do you change the cursor so it shows the date/time for the X,Y you
choose?
There are two examples in the demo that can help you on this:
All Features\Welcome!\Tools\Annotation\Annotation Callout
All Features\Welcome!\Tools\Cursor\Synchronizing Two

Highcharts stacked area filtering

I'm getting a bug in my stacked area implementation when a user filters to a specific line.
In the image linked below, you'll see we're tracking two trends. When I turn off the "Dialup" trend, the orange area should remain where it is. Instead, it moves up to fill the entire area. Likewise, if I were to turn off the orange "Broadband" trend, the green dialup area fills the entire area below it, rather than falling to the baseline as it should.
(stackoverflow will not allow me to post images yet.)
You can see the value in the tooltip remains accurate.
Could anyone provide some insight into what may be causing this? In case this may be a factor, the chart is generated based on a table of data using Highcharts.visualize().
I can see that you're using Highcharts 3.0.0. According to this, there was a bug in this version of Highcharts. If you upgrade Highcharts to the latest version, it should work as intended.

Resources