Ability to set selected section

[onlymejosh]

Is it possible to set the selected area of a donut?

Use Case:

{ label: 'Total', value: total },
{ label: 'Remaining', value: remaining }

I want to select remaining if it is larger than total

[oesmith]

Grab the latest master, then calling select(n) on the object that Morris.Donut(...) returns.

I've just added some code that should do what you need.

[onlymejosh]

Hey OIly that was quick!

Its broken somehow though. When I hover over a segment I get

TypeError: 'undefined' is not an object (evaluating 'segment.select')

It looks like when it loads it passes an id to select but on hover it passes the DonutSegment

[oesmith]

Whoops - my fault for coding too late at night! :)

Try again now - should be fixed.

[onlymejosh]

Brilliant all working now thanks!

[apudiu]

I'm so sorry for asking silly questions, but I'm new to this chart. so if anyone kind enough to help me:

below is my code:

Morris.Donut({
                element: 'donut-chart',
                data: [{
                    label: "Added",
                    value: 30
                }, {
                    label: "Sold",
                    value: 12
                }],
				    colors: ['#414e63', '#e96562'],
                resize: true
            });

every time it initially selects 'Added' value, I've tried flipping position with 'Sold' but no luck.
I think it automatically selects the highest value,

how can I select my desired label? I don't want to select the lowest value coz there will be more items.
so if there's something like select: 'Sold'

Then please let me know.

I'm asking this question coz I didn't understood what to do with

Grab the latest master, then calling select(n) on the object that Morris.Donut(...) returns

Thank you

[robbieyannor13]

I'm so sorry for asking silly questions, but I'm new to this chart. so if anyone kind enough to help me:

below is my code:

Morris.Donut({
                element: 'donut-chart',
                data: [{
                    label: "Added",
                    value: 30
                }, {
                    label: "Sold",
                    value: 12
                }],
				    colors: ['#414e63', '#e96562'],
                resize: true
            });

every time it initially selects 'Added' value, I've tried flipping position with 'Sold' but no luck.
I think it automatically selects the highest value,

how can I select my desired label? I don't want to select the lowest value coz there will be more items.
so if there's something like select: 'Sold'

Then please let me know.

I'm asking this question coz I didn't understood what to do with

Grab the latest master, then calling select(n) on the object that Morris.Donut(...) returns

Thank you

i have same question, please reply @oesmith

[pierresh]

Just do like this:

var my_chart = Morris.Donut({
	element: 'chart_test',
	resize: true,
	data: [{
		value: 2,
		label: "good"
	},{
		value: 3,
		label: "not ok"
	}],
});

// Then below, choose which one you want to select
my_chart.select(0); // to select data with "good" label
my_chart.select(1); // to select data with "not ok" label