^Back to Top

Calculator Mall

Free Calculators

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

Knowledge Base - How can I change the graph colors and fonts?

To change the colors used on the bars, lines and pie charts, you need to edit the KJESiteSpecific.js file and change the line below (note that this line in your actual file should not have any line returns):

KJE.gColorList = ["#000055", "#7B68EE", "#64A650", "#FFF200", "#5f007f", "#F15A22", "#B72467", "#6DC8BF", "#00007f", "#ff00ff", "#ffff00", "#00ffff", "#7f007f", "#7f0000", "#007f7f", "#0000ff", "#00c8ff", "#60ffff", "#bfffbf", "#ffff90", "#a0c8ef"];

This color list 20 has HEX color codes used in order by the calculators. Most calculators only use the first few colors defined. You can change any of these colors, but they need to be HEX codes. You can use this page to help select HEX colors to use in your page: Color Selector

      KJE.gFont = ["Helvetica","Helvetica","Helvetica"]; 
      KJE.gFontStyle = ["bold","bold",""]; 
      KJE.gFontSize = [13,10,10]; 
      KJE.gHeight = 250; 
      KJE.gHeightReport = 350; 
      KJE.gColorBackground ="#FFFFFF"; 
      KJE.gColorForeground ="#000000"; 
      KJE.gColorGrid ="#BBBBBB"; 
      KJE.gColorGridBackground1 ="#FFFFFF"; 
      KJE.gColorGridBackground2 ="#CCCCCC"; 
      KJE.gColorAxisLine ="#666666"; 
               KJE.gColorText ="#000000";

 

User Comments