[INFO] Black graphs look better than white! :)

[panden]

Thanks for the tip NxTek. Applied your rrd.php-'patch' and now the graphs are black and looking good . A skinning option in cacti would be great.

[TheWitness]

It's in the CVS version right now. Looking for volunteers to publish some for the release of 0.8.7. Interested?

[hednod]

That looks great! Would I be able to upgrade my latest stable to cvs without any (known) problems? I'd love to test it on my main cacti setup, where there are many graphs to populate it =)

[TheWitness]

No, however, if you want to develop a Theme or two, it is pretty much ready to download. I would not put it on a production system or any where near one right now. Major plumbing changes.

TheWitness

[hednod]

How far along is CVS and this feature. I have not had a chance to test it out but i'm curious to see if it has become upgradeable from 0.8.6.

I do not desire to recreate all my graphs.

[rony]

Please read the follow announcement:

http://forums.cacti.net/viewtopic.php?t ... highlight=

[TheWitness]

Hello All,

The implmentation of translation support has been added to Cacti 0.9-dev. This has been done in two ways. The first is through the use of php_gettext (non-thread safe). The second is by using the Savannah Groups gettext emulator (thread safe). Therefore, you can expect decent support for your web site.

I am looking for volunteers to take on language translation. Those who take on this responsibility must meet the following requirements:

1) Have a working knowledge of php
2) Have a good IDE for PHP
3) Familiar with gettext, or optionally, have a good coding backgroud
4) Have access to anonymous CVS and set it up to pull our development snapshots

I am cautioning anyone for spending too much time on the activity for now other than to familiarize yourself with the process.

If you are interested, please send an e-mail to me larryjadams@comcast.net. Please include in the subject line: "Cacti Translation Volunteer Request". By volunteering, a few things will happen:

1) You will get your name somewhere that may outlive you
2) You will help humanity or the Cacti community at least (in some form anyway)
3) You will receive personalized service from either Tony, Ian or myself

Please include in the CC: line of your e-mail, the following recipients:

roman at disorder dot com
iberry at raxnet dot net

Regards,

Larry Adams
(aka TheWitness)
Cacti Developer

[jay]

Hi

Apologies for digging up and old post. Is there any news on themes?? I'm running 8.7b and its not in there. I checked realease notes and couldn't see any mention of it in newer releases. Would love to see theme/skin support for Cacti.

Cheers

Jay

[stephens]

I'm just going to dig this up one more time because I needed the functionality and didn't find it right away so I did some hacking. Here is the resultant code, sorry I'm not a PHP developer, so it's not very eloquent, but I'm sure someone else can expand on this to make it work.

There are some simple checks when graphing -- the field must exist in the database, it must be hexadecimal, and it must have either a 3, 6 or 8 character length. If the field isn't in the database, it will simply skip over the colour and use RRD's defaults. This menu addition can be found in the Settings->Visual->Graph Colors section. As a note, this will apply the settings to ALL your graphs, so don't think this is a panacea for real templates and customized individual graphs.

I hope this helps someone.

EDIT: This is for 0.8.7e, no guarantees for previous versions, or those that supersede this one!

EDIT #2: I couldn't leave well-enough alone, here is the hack for ALL the colours, plus a check for a 8-character length for transparency.

EDIT #3: The real fix here would be to allow a color picker from the colors defined in the colors table. Anyone?

lib/rrd.php

Code: Select all

                "--width=$graph_width" . RRD_NL;

        $color_option_array = db_fetch_assoc("SELECT name FROM settings WHERE name LIKE 'color_%'");

        if (sizeof($color_option_array)) {
                foreach($color_option_array as $color_option) {
                        if (config_value_exists($color_option["name"])) {
                                $color_value = db_fetch_cell("select value from settings where name='" . $color_option["name"] . "'");
                                if (is_numeric('0x' . $color_value) && ((strlen($color_value) == 3) or (strlen($color_value) == 6) or (strlen($color_value) == 8))) {
                                        $graph_opts .= '--color ' . substr(strtoupper($color_option["name"]), 6) . '#' . $color_value . RRD_NL;
                                }
                        }
                }
        }

        $graph_opts .=
                "$scale" .

include/global_settings.php

Code: Select all

                "max_title_graph" => array(
                        "friendly_name" => "Maximum Title Length",
                        "description" => "The maximum number of characters to display for a graph title.",
                        "method" => "textbox",
                        "default" => "80",
                        "max_length" => "10",
                        "size" => "5"
                        ),
                "graphclr_header" => array(
                        "friendly_name" => "Graph Colors (consist of a hexidecimal value 3 or 6 characters long, plus a transparency hexadecimal value of 2 characters)",
                        "method" => "spacer",
                        ),
                "color_back" => array(
                        "friendly_name" => "Background",
                        "description" => "The overall background color.",
                        "method" => "textbox",
                        "max_length" => "8",
                        "size" => "8",
                        ),
                "color_canvas" => array(
                        "friendly_name" => "Canvas",
                        "description" => "The background color of the actual graph.",
                        "method" => "textbox",
                        "max_length" => "8",
                        "size" => "8",
                        ),
                "color_font" => array(
                        "friendly_name" => "Font",
                        "description" => "The font color.",
                        "method" => "textbox",
                        "max_length" => "8",
                        "size" => "8",
                        ),
                "color_shadea" => array(
                        "friendly_name" => "Shade A",
                        "description" => "The left and top border colors.",
                        "method" => "textbox",
                        "max_length" => "8",
                        "size" => "8",
                        ),
                "color_shadeb" => array(
                        "friendly_name" => "Shade B",
                        "description" => "The right and bottom border colors.",
                        "method" => "textbox",
                        "max_length" => "8",
                        "size" => "8",
                        ),
                "color_grid" => array(
                        "friendly_name" => "Grid",
                        "description" => "The grid line color.",
                        "method" => "textbox",
                        "max_length" => "8",
                        "size" => "8",
                        ),
                "color_mgrid" => array(
                        "friendly_name" => "Major Grid",
                        "description" => "The major grid line color.",
                        "method" => "textbox",
                        "max_length" => "8",
                        "size" => "8",
                        ),
                "color_axis" => array(
                        "friendly_name" => "Axis",
                        "description" => "The axis of the graph.",
                        "method" => "textbox",
                        "max_length" => "8",
                        "size" => "8",
                        ),
                "color_frame" => array(
                        "friendly_name" => "Frame",
                        "description" => "The line around the color spots.",
                        "method" => "textbox",
                        "max_length" => "8",
                        "size" => "8",
                        ),
                "color_arrow" => array(
                        "friendly_name" => "Arrow",
                        "description" => "The arrow color.",
                        "method" => "textbox",
                        "max_length" => "8",
                        "size" => "8",
                ),
                "dataqueries_header" => array(

[stephens]

Bah, I'm overachieving, but it was bothering me.

Here's the full solution, with a bit of sloppy SQL, but with full drop-down colours and alpha selection for all graph colour options.

lib/rrd.php

Code: Select all

                "--height=$graph_height" . RRD_NL .
                "--width=$graph_width" . RRD_NL;

        $graph_color_options = db_fetch_assoc("SELECT name FROM settings WHERE name LIKE 'color_%'");

        if (sizeof($graph_color_options)) {
                foreach($graph_color_options as $graph_color_option) {
                        if (config_value_exists($graph_color_option["name"])) {
                                $graph_option = substr($graph_color_option["name"], 6);
                                $color_hex_value = db_fetch_cell ("SELECT colors.hex FROM settings INNER JOIN colors ON settings.value=colors.id WHERE settings.name='" . $graph_color_option["name"] . "'");
                                if (sizeof($color_hex_value)) {
                                        $alpha_hex_value = (config_value_exists('alpha_' . $graph_option)) ? db_fetch_cell("SELECT value FROM settings WHERE name='alpha_$graph_option'") : 'FF';
                                        $graph_opts .= '--color ' . strtoupper($graph_option) . '#' . $color_hex_value . $alpha_hex_value . RRD_NL;
                                }
                        }
                }
        }

        $graph_opts .=
                "$scale" .
                "$unit_value" .
                "$unit_exponent_value" .
                "$graph_legend" .
                "--vertical-label=\"" . $graph["vertical_label"] . "\"" . RRD_NL;

include/global_settings.php

Code: Select all

                "max_title_graph" => array(
                        "friendly_name" => "Maximum Title Length",
                        "description" => "The maximum number of characters to display for a graph title.",
                        "method" => "textbox",
                        "default" => "80",
                        "max_length" => "10",
                        "size" => "5"
                        ),
                "graphclr_header" => array(
                        "friendly_name" => "Graph Colors (Opacity/Alpha Channel not available for rrdtool-1.0.x)",
                        "method" => "spacer",
                        ),
                "color_back" => array(
                        "friendly_name" => "Back",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()",
                        "description" => "The overall background colour."
                        ),
                "alpha_back" => array(
                        "friendly_name" => "Back Opacity/Alpha Channel",
                        "description" => "The overall background color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_canvas" => array(
                        "friendly_name" => "Canvas",
                        "description" => "The background color of the actual graph.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_canvas" => array(
                        "friendly_name" => "Canvas Opacity/Alpha Channel",
                        "description" => "The background color of the actual graph opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_font" => array(
                        "friendly_name" => "Font",
                        "description" => "The font color.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_font" => array(
                        "friendly_name" => "Font Opacity/Alpha Channel",
                        "description" => "The font color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_shadea" => array(
                        "friendly_name" => "Shade A",
                        "description" => "The left and top border colors.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_shadea" => array(
                        "friendly_name" => "Shade A Opacity/Alpha Channel",
                        "description" => "The left and top border color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_shadeb" => array(
                        "friendly_name" => "Shade B",
                        "description" => "The right and bottom border colors.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_shadeb" => array(
                        "friendly_name" => "Shade B Opacity/Alpha Channel",
                        "description" => "The right and bottom border color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_grid" => array(
                        "friendly_name" => "Grid",
                        "description" => "The grid line color.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_grid" => array(
                        "friendly_name" => "Grid Opacity/Alpha Channel",
                        "description" => "The grid color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_mgrid" => array(
                        "friendly_name" => "Major Grid",
                        "description" => "The major grid line color.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_mgrid" => array(
                        "friendly_name" => "Major Grid Opacity/Alpha Channel",
                        "description" => "The major grid line color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_axis" => array(
                        "friendly_name" => "Axis",
                        "description" => "The axis of the graph.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_axis" => array(
                        "friendly_name" => "Axis Opacity/Alpha Channel",
                        "description" => "The axis of the graph opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_frame" => array(
                        "friendly_name" => "Frame",
                        "description" => "The line around the color spots.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_frame" => array(
                        "friendly_name" => "Frame Opacity/Alpha Channel",
                        "description" => "The line around the color spots opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_arrow" => array(
                        "friendly_name" => "Arrow",
                        "description" => "The arrow color.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_arrow" => array(
                        "friendly_name" => "Arrow Opacity/Alpha Channel",
                        "description" => "The arrow color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "dataqueries_header" => array(

[zoemu]

Code: Select all

        $graph_color_options = db_fetch_assoc("SELECT name FROM settings WHERE name LIKE 'color_%'"); 

        if (sizeof($graph_color_options)) { 
                foreach($graph_color_options as $graph_color_option) { 
                        if (config_value_exists($graph_color_option["name"])) { 
                                $graph_option = substr($graph_color_option["name"], 6); 
                                $color_hex_value = db_fetch_cell ("SELECT colors.hex FROM settings INNER JOIN colors ON settings.value=colors.id WHERE settings.name='" . $graph_color_option["name"] . "'"); 
                                if (sizeof($color_hex_value)) { 
                                        $alpha_hex_value = (config_value_exists('alpha_' . $graph_option)) ? db_fetch_cell("SELECT value FROM settings WHERE name='alpha_$graph_option'") : 'FF'; 
                                        $graph_opts .= '--color ' . strtoupper($graph_option) . '#' . $color_hex_value . $alpha_hex_value . RRD_NL; 
                                } 
                        } 
                } 
        } 

where do i plaster the above code in rrd.php....thanks

[zoemu]

Nevermind I found it.

right after

Code: Select all

/* basic graph options */
	$graph_opts .=
		"--imgformat=" . $image_types{$graph["image_format_id"]} . RRD_NL .
		"--start=$graph_start" . RRD_NL .
		"--end=$graph_end" . RRD_NL .
		"--title=\"" . str_replace("\"", "\\\"", $graph["title_cache"]) . "\"" . RRD_NL .
		"$rigid" .
		"--base=" . $graph["base_value"] . RRD_NL .
		"--height=$graph_height" . RRD_NL .
		"--width=$graph_width" . RRD_NL .
		"$scale" .
		"$unit_value" .
		"$unit_exponent_value" .
		"$graph_legend" .
		"--vertical-label=\"" . $graph["vertical_label"] . "\"" . RRD_NL;

[stephens]

Edited my original code there for clarity, sorry for the confusion -- I should have just posted a .patch file instead.

[egarnel]

Finally figured it out for global_settings here is the code that is needed
copy & paste from between the cut lines
insert before line 500 ""dataqueries_header" => array(..."
global_settings.php cacti 0.8.7e

Code: Select all

"max_title_graph" => array(
                        "friendly_name" => "Maximum Title Length",
                        "description" => "The maximum number of characters to display for a graph title.",
                        "method" => "textbox",
                        "default" => "80",        <----- the default is 80
                        "max_length" => "10",
                        "size" => "5"
                        ),
<----- cut here----------------or replace the  max_title_graph section--->
                "graphclr_header" => array(
                        "friendly_name" => "Graph Colors (Opacity/Alpha Channel not available for rrdtool-1.0.x)",
                        "method" => "spacer",
                        ),
                "color_back" => array(
                        "friendly_name" => "Back",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()",
                        "description" => "The overall background colour."
                        ),
                "alpha_back" => array(
                        "friendly_name" => "Back Opacity/Alpha Channel",
                        "description" => "The overall background color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_canvas" => array(
                        "friendly_name" => "Canvas",
                        "description" => "The background color of the actual graph.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_canvas" => array(
                        "friendly_name" => "Canvas Opacity/Alpha Channel",
                        "description" => "The background color of the actual graph opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_font" => array(
                        "friendly_name" => "Font",
                        "description" => "The font color.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_font" => array(
                        "friendly_name" => "Font Opacity/Alpha Channel",
                        "description" => "The font color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_shadea" => array(
                        "friendly_name" => "Shade A",
                        "description" => "The left and top border colors.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_shadea" => array(
                        "friendly_name" => "Shade A Opacity/Alpha Channel",
                        "description" => "The left and top border color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_shadeb" => array(
                        "friendly_name" => "Shade B",
                        "description" => "The right and bottom border colors.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_shadeb" => array(
                        "friendly_name" => "Shade B Opacity/Alpha Channel",
                        "description" => "The right and bottom border color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_grid" => array(
                        "friendly_name" => "Grid",
                        "description" => "The grid line color.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_grid" => array(
                        "friendly_name" => "Grid Opacity/Alpha Channel",
                        "description" => "The grid color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_mgrid" => array(
                        "friendly_name" => "Major Grid",
                        "description" => "The major grid line color.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_mgrid" => array(
                        "friendly_name" => "Major Grid Opacity/Alpha Channel",
                        "description" => "The major grid line color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_axis" => array(
                        "friendly_name" => "Axis",
                        "description" => "The axis of the graph.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_axis" => array(
                        "friendly_name" => "Axis Opacity/Alpha Channel",
                        "description" => "The axis of the graph opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_frame" => array(
                        "friendly_name" => "Frame",
                        "description" => "The line around the color spots.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_frame" => array(
                        "friendly_name" => "Frame Opacity/Alpha Channel",
                        "description" => "The line around the color spots opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
                "color_arrow" => array(
                        "friendly_name" => "Arrow",
                        "description" => "The arrow color.",
                        "method" => "drop_color",
                        "default" => "0",
                        "on_change" => "changeColorId()"
                        ),
                "alpha_arrow" => array(
                        "friendly_name" => "Arrow Opacity/Alpha Channel",
                        "description" => "The arrow color opacity/alpha channel.",
                        "method" => "drop_array",
                        "default" => "FF",
                        "array" => $graph_color_alpha
                        ),
<------- cut here -------------------->
                "dataqueries_header" => array( 

[zoemu]

My graphs Look Great, with this addon code, Any chanced of Themes

here is how my graph looks now