igdatachart Tooltip and conditional color

Luca Bianchi posted over 6 years ago

Hi,

I have 2 questions:

1- Is it possible to change brush color if value is positive or negative?

I'd like to have the bar green if positive and red if negative.

2- How can I format the tooltip number?

Thank you.

Parents

2535

Offline Nadia Robakova posted over 6 years ago

Hi,

1- Is it possible to change brush color if value is positive or negative?

You can use the option negativeBrush for changing brush when it is negative:

https://www.igniteui.com/help/api/2014.1/ui.igDataChart#options:series.negativeBrush

2- How can I format the tooltip number?

You can use a tooltip template when you want formatted values. Here is a sample for that:

https://www.igniteui.com/data-chart/series-tooltips

Sincerely,

Nadia Robakova
Cancel
Reply

Cancel

Offline Luca Bianchi posted over 6 years ago in reply to Nadia Robakova

When I use negativeBrush the serie doesn't show.

{
                        name: "serie3",
                        type: serie3Type,
                        //size:{ width: 20, height: 150 },
                        title: asseY3,
                        isHighlightingEnabled: true,
                        isTransitionInEnabled: true,
                        xAxis: "xAxis",
                        yAxis: "yAxis",
                        valueMemberPath: asseY3,
                        showTooltip: true,
                        markerType: serie3Marker,
                        markerBrush: serie3Color,
                        markerOutline: serie3Color,
                        brush: serie3Color,
                        outline: serie3Color,
                        thickness: 2,
                        negativeBrush: "red"
},

Reply

20255

Offline Zdravko Kolev posted over 6 years ago in reply to Luca Bianchi

Hey Luca,

Could you share with me a working sample that is reproducing the issue?

For example, in jsfiddle like - http://jsfiddle.net/zdravko/ftzhu5kw/
Cancel
Reply

Cancel

Children

No Data