Pie chart

[Guest]

Hi
i want to find an easy and fast way to show a pie chart (or a 2d circular dashboard) for cpu usage in system information widget.
Can you help me?
Thanks in advance

[jimp]

Look at Diagnostics > States Summary.

Though I think that pie chart code used Prototype and the GUI is almost all Jquery now, it should be easy to find one.

A pie chart for the CPU usage seems… odd. If you want to use multiple things for system/user/nice/etc then a stacked bar would make more sense to show the same thing in less area.

[Guest]

states summary doesn't have any charts…
that's right. pie chart is not appropriate.
it's better to create a widget like this for dashboard:

[jimp]

Sorry not states summary, I forgot it's the firewall log summary. Status > System Logs, Firewall tab, summary view link.

I'm not too crazy about the speedometer view. It seems crowded/cluttered and hard to interpret. (and too large)

[Guest]

Thanks jim,
I have another question,
Why cpu usage is zero in system information widget?

[jimp]

It is initialized to 0 and then updated by AJAX

[Guest]

Excuse me jim,
you didn't use cpu_usage() function in system_information.widget.php.

How this code can update cpu usage?

var url = "/widgets/widgets/system_information.widget.php";
		var pars = 'getupdatestatus=yes';
		jQuery.ajax(
			url,
			{
				type: 'get',
				data: pars,
				complete: activitycallback
			});

[jimp]

https://github.com/pfsense/pfsense/blob/master/usr/local/www/javascript/index/ajax.js#L183

https://github.com/pfsense/pfsense/blob/master/usr/local/www/javascript/index/ajax.js#L8

https://github.com/pfsense/pfsense/blob/master/usr/local/www/includes/functions.inc.php#L13

[NickKate]

You want a tool for creating 2D piecharts or dashboard charts which supports jquery,for this you should use Koolchart. Because it supports Javascript functionality and you can create any type of chart with it. Its really good as far as 2D charting is concerned.