Highcharts Line Chart Legend Symbol Disappeared When Using Gradient Fill - highcharts

I'm trying to fill gradient color in my charts, with the sample code in the demo "http://www.highcharts.com/demo/pie-gradient". And then I found in line charts' legend, the line part of the symbol disappeared, while the markers were still visible. If I disable the markers, then there is nothing left.
Here is an example based on the code of a line chart demo: http://jsfiddle.net/TCbE3/
enter code here
I'm using Highcharts 3.0.1, with both latest FireFox and Chrome, and this problem occurs in both.
Any ideas how to fix this problem?

Related

Highcharts Scatter type chart markers are not matching with legend symbols

I have a series of highcharts graphs in an app. Newest graph we add was a scatter type chart.
Unfortunately its markers are not matching up with legend symbols. Please find an attachment showing the issue.
I am unable to reproduce this in a separate file as it works fine when I do that. I have example of how it behaves within the application.
We are using highcharts 9.0.1 version
any help is really appreciated.

Need to remove white line (borderWidth:0) when single pie slice in Highcharts

How to remove/hide sliced line from pie chart when only one object with 100%? Issue in IE and Firefox.

Legend at least one should be active when user clicks in highchart

I am trying to use line chart, where I am using data with line series.
For that purpose I am using the legend. When clicked the legend, the following value will be hidden, and when I click the last one it also gets hidden, in my scenario last value should not get hidden so that at least one should be active.
I have done this in pie chart series but I can't implement this in line chart why?
- [Js Fiddle Pie Chart Demo][1]
- [Js Fiddle Line Chart][2]
var points = this.chart.series
JSFiddle

Highcharts add padding between (dynamic) line charts and graph

I have a line chart which is being dynamically updated. I want to add space between the right most plotted point and the borders of the plot
I have tried solutions here and here but they do not work. Under the plotOptions API doesn't seem to be the relevant information.

Highcharts border around legend symbol

Is there a way to add a border to a highcharts legend symbol (in particular for bar or column charts). Notice how in this picture the border color of the bar doesn't match the border color of the legend symbol. I noticed that it's a current feature request, and the author seemed to have a workaround for border radius that involved modifying the highcharts js file. I'm not going to modify the highcharts library, but I'm willing to do a little hackery dynamically.

Resources