Skip to main content

Visual Styling

JavaScript Chart Features

Visual Styling

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
Uses the JSC.fontsReady() function to ensure 3rd party fonts are loaded before rendering the chart.
Demonstrates styling the y axis including all related elements such as gridlines, tick marks, alternate grid fills, and labels.
Styles major and minor tick labels with different formatting.
Applies styling to the chartArea.
Specifies chart box and background visual settings.
Utilizes a predefined template with a chart. A template can be used to define chart appearance for all charts in a website.
Demonstrates dynamic gradient applied to different chart types.
Designer UI for icon gradients.
Icon browser with search to view and find all available icons.
Demonstrates dynamic gradient applied to different chart types.
Demonstrates styling chart labels.
Demonstrates a number of legend box styling options.
Demonstrates styling the reset zoom button.
Styles the export toolbar buttons.
Styling the toolbar buttons and states.
Weather SVG image picker UI for weather icons included with the bundle images.
Shows usage of many different fonts within a chart using fontsReady to ensure the list of web fonts are loaded before rendering the chart.
Designer UI for styling background and fill gradients.
Applies styling properties to the title box.