Highcharts mouse over point different label text - highcharts

I need that text from xAxis and label displayed on mouse over point to be different.
All labels for xAxis ( circled with blue ) I have in array but they are used by default for label on mouse over ( circled with red ), I need to change data for all labels display on mouse over ( label circled with red ).

Related

How can I change my SPARKLINE function depending on the values in the progress chart?

I was hoping to be able to change the SPARKLINE colour that would go in Cell D2, depending on the values on the right-hand side.
I would also want the bar to show a relative position depending on the personal best in the range.
So for example, the person best for Scn1 is 925. This is past the Gold rank, but now quite at the diamond, therefore I would want the bar to display a gold colour. If the score was between another bracket, I would want it to display the colour of the rank that has been surpassed.
ON top of this, I would love for the bar to show a relative position depending on the person's score in a bracket. For example, if the personal best was 925, that would make the bar a Gold colour AND have the Bar cover 50% of the cell (because 925 is halfway between 900 and 950(Gold and Diamond ranks)).
Basically, the position of the bar would reset back to the left side relative to the percentage the personal best was through a rank.
Would this be possible?
cheers!
This should do it:
=SPARKLINE(
IF(C2,
IF(C2>=I2,
I2,
IFERROR(
1/(1/(C2-INDEX(
({0,E2:I2}),
MATCH(
C2,
({0,E2:I2}),
1
)
)
)),
INDEX(({0,E2:I2}),MATCH(C2,({0,E2:I2}),1)+1)-
INDEX(({0,E2:I2}),MATCH(C2,({0,E2:I2}),1))
)
),
0
),
{
"charttype","bar";
"max",IF(
C2>=I2,
I2,
INDEX(({0,E2:I2}),MATCH(C2,({0,E2:I2}),1)+1)-
INDEX(({0,E2:I2}),MATCH(C2,({0,E2:I2}),1))
);
"color1",IF(
C2>=I2,
"Green",
IF(C2<E2,"black",
INDEX(
{"Brown","Gray","Gold","Cyan","Green"},
IFNA(
MATCH(C2,E2:I2,0),
MATCH(C2,({0,E2:I2}),1)-1
)
)
)
)
})
You'll have to edit the color scheme yourself, unless you want to have another range to define the colors you want to use.
Behavior:
On boundaries, it displays 100% of the rank attained in that color.
When over max value, it saturates at 100%, and displays a saturation color.
When below min value, it displays black.
Error at <0.

CorePlot: Change Axis Increment Label Color?

I am working on an implementation of CorePlot that uses a chart with all white elements on a black view.
The chart is coming along nicely, but I cannot get my axis increment labels to be the correct color. To clarify, the labels for the axis are correct (time and usage) but the labels on the axis tick marks are still in black.
What I currently see:
Changing my view background to white to confirm that the tick labels are there:
I'd appreciate it if someone could point me in the right direction for making the tick mark labels white instead of black, as well as making the horizontal lines that go across the chart white instead of black.
Thanks in advance!
Line styles and text styles both have color properties (lineColor and color, respectively). Use the following axis properties to set the styles:
titleTextStyle: text style for the axis title
labelTextStyle: text style for the labels at the major tick locations
minorTickLabelTextStyle: text style for the labels at the minor tick locations
axisLineStyle: line style for the axis line
majorTickLineStyle: line style for the tick marks at the major tick locations
minorTickLineStyle: line style for the tick marks at the minor tick locations
majorGridLineStyle: line style for the grid lines at the major tick locations
minorGridLineStyle: line style for the grid lines at the minor tick locations

How to align text on elmentary label widget?

I want align text to center on elm_label widget. I can't find any functions about text align as evas object text function or elm_label function. Also, I can't find a function that can get the text size (absolute pixel or relative size) on a label.
I have tried elm_object_style_set with marker, it was showed bold text on center of label, but font size was too small (smaller than default style). (and I don't want bold on text.)
How I can align text to the center of a label?
You can use HTML like markup to customize the way you want to the display the text in elm_label.
To align the text to the center, you can use <align> markup tag with value center .
std::string text = "<align = center> TEXT TO DISPLAY </align>";
Evas_Object *label = elm_label_add(parent);
elm_object_text_set(label,text.c_str());
evas_object_show(label);
You can also use other tags like font_weight, font_style to customize your display text. List of all possible tags can be found here
You can set the alignment of the label through the evas_object API. Likely what you are looking for is:
evas_object_size_hint_align_set(label, 0.5, EVAS_HINT_FILL);
evas_object_size_hint_weight_set(label, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND);
The 0.5 is center, you could try 0.0 for left align and 1.0 for right.

HighChart displaying legend icon along with Y axis

I have multiple Y axis and to differentiate the Y axis I want to display the legend icon just beside Y axis. So is there any way to do this I know we can make the Yaxis itself as the color matching with series but unfortunately that is not needed.
Highcharts is super nice because most text elements will have a style element associated with them. This uses CSS to style the text element for you.
So you can make the yAxis.title.style red or whatever color you want. This isn't just for titles, you can also make the values of the axis a certain color as well with style (make them red, or whatever you want).

HighCharts: SVG outside plot area

I am designing an HighCharts bubble chart (a matrix with coloured fields, drawn using SVG), that should have some text explaining the axis values outside of the actual chart area.
That is, because the axis values are A-E and need a lengthy explanation (A = Always exceeds goals bla bla etc.).
These explanations should be visible - next to the chart, not in it, and not in tooltips because these cannot be printed.
My question: Can I put SVG <text/> outside of the plot area? HighCharts seems to stretch the plot area as far as it can, leaving no space to either side.
You can use text text and define css styles i.e: position:absolute;left:20px;top:20px;

Resources