I have two series in my highchart. One bar and one line chart. I want the datapoints of the line chart be represented at rectangle or straight lines instead of dots. Is that possible?
Are you looking for "square"? Explained here.
Related
I successfully drawn a multiline chart using Charts library in Swift. However there is a minor customisation I need. Looking up the documentation I haven't found anything relative in the properties of datasets and line chart.
Here's slice of screenshot from my multiline chart.
My requirement is all the lines should start from Y-Axis but the first nodal point which is on Left axis shouldn't have a circle on it e.g the (0, 30) point.
Remaining all the nodal points must have a circle on them as shown in the image. Is any property out there in any class which toggles off the first nodal point or any other alternate customization I can do to achieve this?
We are currently using HighCharts for our typical bar, pie, line charts. But, we have been asked to plot some medical data that would end up resembling an irregular loop.
If I have an array of x,y points, would it be possible for me to draw this sort of graph with HighCharts? And, if so, can you point me to the right section of the documentation. I see that drawing things like rectangles and circles is possible, but I haven't found any info on drawing lines between arbitrary points.
I can see only three ways to achieve that, and none of them is easy, and have some limitations:
1) Use spline series with unsorted data - looks almost good, only tooltip doesn't work for unsorted data
2) Use scatter series with unsorted data - issue with tooltip is gone, but curves aren't smooth
3) Use renderer.path - doesn't have tooltip at all, and requires to add path manually.
And example of all three: http://jsfiddle.net/kEu3w/
I would like to fill the area between two serieses (when serieses cross each other). See below. I tried the 'arearange' chart type but it filled most of the chart with solid colors. I saw a similar question but I wanted to know if Highcharts supports what I want or I have to use the solution posted in that question.
Chart now:
What I want:
type:'arearange'
You need to use three series, first / second as lines, third as arearange with defined values.
Related topic: How to fill the Area between two series with multiples yAxis in HighChart?
In a chart, I have two lines with the same color and what distinguishes them is the dotted stroke on one of them. However, this difference is not visible in the legend (the two lines are solid).
How can I fix this?
The problem starts with the fact i have a very small area to plot a chart and i need to have markers on it as well. Now because of the small area, the markers are getting cut off and they are a key piece of information. So is there any way by which i can add some spacing between the border of the plot and the actual start of the data plot itself ?
Heres a running example: https://dl.dropboxusercontent.com/u/138190/charts/index.html
Set minPadding and maxPadding for xAxis. This will work as long, as yod don't have scrolling/panning options enabled.