I have a Graph with Plot Band and scattered plot. We have a requirement where as the scattered plot circles move away from my plot band it should become of lighter shade and more they are closer to my plot band it should be a darker shade of the same colour. Is it possible to achieve this with highcharts? Thanks
Related
I am working on creating a risk matrix where the gradient needs to represent risk. I have used the TChart editor to set colors (green, yellow, red) and direction ("Diagonal Up") for the gradient color. It all looks good except that the gradient goes to the edge of the TChart Panel rather than being cropped at the X, and Y axis. This makes the most intense colors outside of the data.
Is there a way to make the gradient stay within X & Y?
Thanks.
Sample Showing gradient outside of grid
I want to generate a rainbow of colors, with the same perceived brightness, and same perceived saturation.
In essence, I am looking for a formula that takes three parameters: getRgbColor(hue, perceived_brightness, perceived_saturation) and returns the corresponding color, or some sort of error if no color with these constraints exists.
By "same perceived brightness" I mean: an average person seeing these colors on their average monitor would say that these colors appear to be about as bright as one particular shade of gray.
By "same perceived saturation" I mean: an average person seeing these colors on their average monitor would say that these colors appear to be equally colorful, when compared to that shade of gray.
Everyone will perceive colors a bit differently, so I am seeking an average consensus.
According to my understanding, to generate colors of the same "perceived brightness", I could use the CIELAB color space, and set the [L]uminosity. But then I do not know what values to use for a and b, and how to set the saturation, or the hue.
To generate colors of the same "perceived saturation", I think I could use the HSV or HSL color space, and set the [S]aturation. But in those color spaces, the "perceived brightness" does not seem to correspond to the [V]alue or [L]ightness. A shade of blue appears much darker than a shade of yellow with the same value, or the same lightness.
I am using opencv for the graphics output, and I am looking for either a way to calculate these colors in opencv, or a general formula.
With colour values represented in CIE L*a*b*, it is possible to perform a conversion to cylindrical coordinates, i.e. CIE L*C*Hab*, to separate hue and saturation components: https://en.wikipedia.org/wiki/CIELAB_color_space#Cylindrical_representation:_CIELCh_or_CIEHLC
I have a requirement in my project where i need to create contour chart using High charts,I have successfully created the chart with the data but now i need to define the legends color as per my data values,as of now the color combination is taken care by the high charts implicitly but i want to use specific color for a specific value.
Basically in my chart i am representing the variation(Percentage difference) in prices b/n two days for two categories so lets say if the the price shoots up the color will be red and if there is price fall the color will be blue,but in order to show the smooth transition between the prices i am using different shades for blue and red and want to associate these color based on their values.
is there is any way where i can do the above customization in code so that i can get the chart like this
Please guide
Can I add multiple colors in Contour ?
Just guide me for the same.
If yes what I have to use ?
I am uploading two images of my graph, both representing same data.
1 is of Heatmap and 2nd is of Contour.
Heatmap
Heatmap
and
Contour
Contour
Heatmap is representing the colors as I coded, but the moment I convert Heatmap to Contour, the colors are not setting properly.
Please guide me can I convert Heatmap to Contour in terms of colors exactly same ?
I'm using a Core Plot Scatter Plot to chart data. While I want the background to be white, I'd like to mask the plot symbols and data lines to an image sitting beneath the graph. This way, the only parts of the image visible would be the "fill" of the scatter plot lines and plot symbols.
How can I mask lines and symbols to an image while still keeping the background white?
Here's a Photoshop Mockup of what I'd like to do:
Thanks!
I'm not sure it's possible. The final result will depend on the image you're trying to use. The plot is drawn on top of the plot area and graph fills. You might be able to use image fills for the line and plot symbols. Experiment with the tiled and tileAnchoredToContext properties of CPTImage to see if you can position the fill images in a way that mimics the effect you're looking for.
Is it possible to combine a pie chart with scatter points in each slice?
for example to display 5 groups of animals in the pie, and plot the individual animal point in the slice ordered by the age of the animal.
I know you could use a donut chart to get close. (http://www.highcharts.com/demo/pie-donut)
I would recommend a polar or wind rose chart for that type of data. The reason for that is because a pie chart's radius (the yAxis, if you will) is not actually a measure. Only the percentage of the circumference is of importance in a pie chart.