Skip to main content

Visual Styling

JavaScript Chart Features

  1. Home
  2. JavaScript Chart Features
  3. Visual Styling

Visual Styling

Back To Categories

JSCharting is designed to look great without any tweaking or customization; however, it can also be customized to fit the specific look and feel of your site. Virtually all visual elements can be manipulated with advanced gradients and other effects to ensure your exacting needs are easily met.

Chart Area Image

Uses an image to fill the chart area background.

Edit
External Font Styling
Uses the JSC.fontsReady() function to ensure 3rd party fonts are loaded before rendering the chart.
Axis Styling
Demonstrates styling the y axis including all related elements such as gridlines, tick marks, alternate grid fills, and labels.
Axis Tick Label Styling
Styles major and minor tick labels with different formatting.
Chart Area
Applies styling to the chartArea.
Chart Box
Specifies chart box and background visual settings.
Chart Template
Utilizes a predefined template with a chart. A template can be used to define chart appearance for all charts in a website.
Dynamic Point Gradient Styling
Demonstrates dynamic gradient applied to different chart types.
Icon Gradient Styling UI
Designer UI for icon gradients.
Icons Browser
Icon browser with search to view and find all available icons.
NewDynamic Point Gradient Styling
Demonstrates dynamic gradient applied to different chart types.
Label Styling
Demonstrates styling chart labels.
Legend Styling
Demonstrates a number of legend box styling options.
Reset Zoom Btn
Demonstrates styling the reset zoom button.
Toolbar Styling
Styles the export toolbar buttons.
ToolBar Styling Icon Buttons
Styling the toolbar buttons and states.
NewSVG Weather Icon Images Browser
Weather SVG image picker UI for weather icons included with the bundle images.
Web Font Loading
Shows usage of many different fonts within a chart using fontsReady to ensure the list of web fonts are loaded before rendering the chart.
NewFill Gradient Styling UI
Designer UI for styling background and fill gradients.
Title Box
Applies styling properties to the title box.