Applying custom color on HighCharts? - highcharts

I'm working on highcharts , can anyone tell how to change color of points on the line graph ? by default it gives blue color for first , maron for second n so on. but i want to aaply custom colors. is there any function to change color manually ?

You can change line color of graph by setting lineColor property. By default the line takes the color of the series from global configuration array of colors. Check this link for global array of colors. http://api.highcharts.com/highcharts#colors
For setting lineColor separately check this :
http://api.highcharts.com/highcharts#plotOptions.area.lineColor

Related

Different colored segmented lines imagej

I'm trying to make assign colors to individual segmented lines using ROI Manager. Every time I make a selection and change the color in properties, the line reverts to its original color as soon as I click back on my image. How can I assign colors to individual lines and get them to stick? Thanks

Creating a transparent color within a string palette

I am working within Google Earth Engine and am trying to create a no-color/completely transparent color (no boarder and no fill). Below is a line of code where the first color should be the transparent "color". Basically I want my min value to not show up in the map at all.
Map.addLayer(image, {min: 0, max: 3, palette: [transparent, '#0571b0', '#FFDF00', '#ca0020']},'image');
I have tried creating a variable to set a color as completely transparent (change the opacity to 0), but the palette command cannot take variables. Only strings. I've also read SVG fill color transparency, but do not understand how to change the opacity of that specific color without creating a variable (which again, palette doesn't allow). Lastly, I tried adding 00 to the end of another color, but that did not work either.
Any suggestions?
Update:
I was never able to find a solution to this and ended up just going with a white back ground. It was purely for a nicer aesthetic look to allow a basemap to be seen. If I ever come across a solution, I'll be sure to post it.
I had the same question. I found the solution in the developer group.
See the answers: https://groups.google.com/g/google-earth-engine-developers/c/WcxtEIzudxw/m/GscOlsQhDgAJ
The Solution:
// create your previous mask
image = image.eq(1)
// mask and set the opacity
image = image.mask(image.mask().where(image.eq(0),0.0))

Highchart fill area only between two series

Here is chart http://jsfiddle.net/erzLp3n9/2/
I need to remove color as this image is seems
this image
I have two different series.
I do not want to use area-stacked and arearange because that two different series is dynamic.
I had try by this http://jsfiddle.net/erzLp3n9/3/ but not working
By using negativeFillColor you can color the area if it is negative, which seems to be the problem with your second example.
See this fiddle.
Where I set plotOptions.area.negativeFillColor.
If you are wondering why they don't look like the same color, it is because the top one is 75% opacity, see Highcharts API.
Could you explain exactly why you do not want to use stacking? This option along with setting color of the second series to transparent gives desired effect.
API Reference:
http://api.highcharts.com/highcharts/plotOptions.series.stacking
Example:
http://jsfiddle.net/xhx34mvg/

CorePlot candleStick chart boxes fill color

I am using a candletick plot in CorePlot. However could not find the property to change the color of the boxes of the candlestick .Whats the property for this ?
Use the increaseFill and decreaseFill. If you need to change the colors for different data points, there are datasource methods to provide different fills for each data index.

Highstock reverts to same color for columns

I have a Highstock chart that is populated dynamically. The chart is based on this example. One of the series is "column" series. When I call series.addPoint, the point object contains the color property, which is set to either red or green.
When there are just a few data points, the column colors are red or green, but when there is a lot of data, the colors of all bars switch to blue. Do you know how to prevent the color from switching to blue?
The other issue is the date in the tooltip shows Week of [Date] instead of just stating the Date. Not sure if the root cause of this issue is the same.
Thanks.
Probably it is relted with fact that in Highstock, dataGrouping is enabled, so data is grouped and have "no knowledge" which color should be. So I advice to disable dataGrouping.
http://api.highcharts.com/highstock#plotOptions.series.dataGrouping.enabled

Resources