- You are here:
- Home
- Knowledge Base
- Helpful Information
- How can I change the graph size, colors and fonts?

^Back to Top

Financial Calculators , Mortgage Calculators: Fixed Mortgage, Adjustable Rate Mortgages ARM, Mortgage APR Calculators and More! Financial Calculators you can put on your website! Colorful, interactive, graphing financial calculators. Free downloads! Calculator Trial Period Ended For:, KJE Calculator License Not Found for:, Free Financial Calculators

The KJESiteSpecific.js file as the variables required to change many aspects of the graph. Simply edit values of the variables in the KJESiteSpecific.js file to make these changes (note that all of the code lines below are in the file already, you only need to change the value after the = sign.)

Graph fonts: There are three graph fonts and their associated attributes used by the graphs. Editing the values of these variables in the KJESiteSpecific.js file will change the font face, style and size.

- KJE.gFont = ["Helvetica","Helvetica","Helvetica"];

- KJE.gFontStyle = ["bold","bold",""];

- KJE.gFontSize = [13,10,10];

Graph Height: You can adjust the height of the graphs in the main calculator and the report with these two variables:

- KJE.gHeight = 250;

- KJE.gHeightReport = 350;

Additional color variables that you can adjust include:

- KJE.gColorBackground ="#FFFFFF";

- KJE.gColorForeground ="#000000";

- KJE.gColorGrid ="#BBBBBB";

- KJE.gColorGridBackground1 ="#FFFFFF";

- KJE.gColorGridBackground2 ="#CCCCCC";

- KJE.gColorAxisLine ="#666666";

- KJE.gColorText ="#000000";