- FusionCharts Beginner’s Guide：The Official Guide for FusionCharts Suite
- Sanket Nadhani Pallav Nadhani Shamasis Bhattacharya
- 350字
- 2021-08-27 11:58:14
Creating your first chart
In our examples, we will create charts for a fictional supermarket, Harry's SuperMart, so that Harry, the owner of the supermarket, can make more sense out of his data. Harry's SuperMart, with 11 stores located in four states in the US, offering over 2,000 types of products and a customer base of around 25,000, records an intensive amount of data, which when presented effectively gives a lot of actionable insights. We will learn how to build meaningful charts that can facilitate this. For our first chart, let us build a simple Revenue by Year chart.
Once completed, the chart should look similar to the following screenshot:
Steps to create a chart using FusionCharts
Fundamentally, for each chart you build, you should ask yourself the following questions to ensure that the chart serves a meaningful purpose, as opposed to just being a fancy object on the page:
- Who will view this chart and why will this data interest him? This person is the end user.
- What type of chart is best suited to represent this data? Are there any alternate charts that we can use?
- Is this chart part of a bigger report/dashboard, or standalone? This helps us decide how to split information across multiple charts.
For our first chart that we build, Harry is the end user. This chart lets him compare the revenues of this year against the last two years. We would plot this data on a 3D Column chart, as Harry uses this to compare the revenues instead of seeing the overall trend. Had Harry wanted to see the trend of revenues over multiple years, we would have used an area or line chart. Also, to keep things simple, we will build this as a standalone chart.
Thereafter, technically, there are three steps to build a chart using FusionCharts:
- Set up FusionCharts for the entire application, typically done only once per application.
- Encode the data for the chart, either in XML or JSON format.
- Write the HTML and JavaScript code to include the chart in a web page.
- 數(shù)字媒體應(yīng)用教程
- Mastering Kotlin
- jQuery開發(fā)基礎(chǔ)教程
- 表哥的Access入門：以Excel視角快速學(xué)習(xí)數(shù)據(jù)庫開發(fā)（第2版）
- Python機器學(xué)習(xí)算法: 原理、實現(xiàn)與案例
- Apache Camel Developer's Cookbook
- Django 5企業(yè)級Web應(yīng)用開發(fā)實戰(zhàn)（視頻教學(xué)版）
- HTML+CSS+JavaScript網(wǎng)頁制作：從入門到精通（第4版）
- ASP.NET求職寶典
- Training Systems Using Python Statistical Modeling
- Python一行流：像專家一樣寫代碼
- 高效使用Greenplum：入門、進階與數(shù)據(jù)中臺
- PHP項目開發(fā)全程實錄（第4版）
- C++17 By Example
- Python高性能編程（第2版）