Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Sencha Charts Essentials
  • Table Of Contents Toc
  • Feedback & Rating feedback
Sencha Charts Essentials

Sencha Charts Essentials

By : Ajit Kumar
5 (1)
Buy this Book
close
close
Sencha Charts Essentials

Sencha Charts Essentials

5 (1)
By: Ajit Kumar
Buy this Book

Overview of this book

If you are an Ext JS or Sencha Touch developer, designer, or architect who wants to build enterprise-scale data visualization capabilities using Sencha, then this book is ideal for you. You should have a knowledge of HTML, JavaScript, CSS, and Sencha Ext JS or Sencha Touch fundamentals, in particular. Some familiarity with SVG and HTML5 Canvas would be preferred, but not required.
Table of Contents (11 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Fundamentals of Sencha Charts
Icon
1. Fundamentals of Sencha Charts
Icon
Introducing the sample chart
Icon
Sencha Charts Surface API
Icon
Summary
2
2. Working with Out-of-the-box Charts
Icon
2. Working with Out-of-the-box Charts
Icon
Types of charts
Icon
Anatomy of a chart
Icon
Creating a cartesian chart
Icon
Creating a polar chart
Icon
Creating a spacefilling chart
Icon
Theming your chart
Icon
Engaging users with gestures
Icon
Summary
3
3. Sencha Charts Architecture
Icon
3. Sencha Charts Architecture
Icon
Architecture of Sencha Charts
Icon
A walkthrough of an existing CandleStick chart
Icon
A walkthrough of a polar chart – radar
Icon
A walkthrough of a spacefilling chart – gauge
Icon
Summary
4
4. Creating a Custom Cartesian Chart
Icon
4. Creating a Custom Cartesian Chart
Icon
Creating a new financial chart
Icon
Summary
5
5. Creating a Custom Polar Chart
Icon
5. Creating a Custom Polar Chart
Icon
Creating a Market Clock
Icon
Summary
6
6. Creating a Custom Spacefilling Chart
Icon
6. Creating a Custom Spacefilling Chart
Icon
Creating a periodic table
Icon
Summary
7
7. Theming
chevron up
Icon
7. Theming
Icon
Getting ready
Icon
Styling using configs
Icon
Theming using a custom theme
Icon
Theming using SASS and CSS
Icon
Summary
8
8. Working with Touch Gestures
Icon
8. Working with Touch Gestures
Icon
Interacting with interactions
Icon
Using built-in interactions
Icon
Creating custom interactions
Icon
Summary
9
9. Comparison with Other JavaScript Charting Libraries
Icon
9. Comparison with Other JavaScript Charting Libraries
Icon
Google Charts
Icon
FusionCharts
Icon
amCharts
Icon
HighCharts
Icon
Summary
10
Index
Icon
Index

Styling using configs

The first mechanism to style different aspects of a chart is using the various configurations available on different Sencha Charts classes. Let's review them one by one.

Chart

The AbstractChart class is the base class for different types of charts. This class offers various configurations that we can use to style a chart. In this section, we will look at the chart level configurations and you will learn how to style different aspects of a chart.

Framing

To create a nice frame around the chart, we can use the shadow config. The only thing that we have to take note of is that it can be used only if the chart is a floating component. So, once we set up the following configuration on our cartesian chart, we have to additionally pass the height, width, and autoShow properties:

...
title: 'Chart',

height: 500,
width: 500,
autoShow: true,

floating: true,
shadow: true,
...

This is done as it is a floating component and does not have a parent container, and hence whether it needs...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Sencha Charts Essentials
End of Section 7
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon