Skip to content

Commit 8ec91e5

Browse files
rohanoid5rohanoid5
committed
minor fix
1 parent 06f60f7 commit 8ec91e5

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

‎src/app/fusioncharts/samplecode.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -407,7 +407,7 @@ fcDemos['ex28'] = {
407407
title: 'Column and line combination on time axis',
408408
description:
409409
'Two series of data plotted as a combination of column & line on the same y-axis.',
410-
data: `// A shortened version of the data is given here.\n// Please check the link below to see the complete data:\n// https://s3.eu-central-1.amazonaws.com/fusion.store/ft/data/column-chart-with-time-axis-data.json\n[\n [\n "2016-01-01",\n 5\n ],\n [\n "2016-01-02",\n 90\n ],\n [\n "2016-01-03",\n 19\n ],\n [\n "2016-01-04",\n 74\n ],\n [\n "2016-01-05",\n 81\n ],\n [\n "2016-01-06",\n 48\n ],\n [\n "2016-01-07",\n 60\n ],\n [\n "2016-01-08",\n 18\n ],\n [\n "2016-01-09",\n 36\n ],\n [\n "2016-01-10",\n 53\n ],\n [\n "2016-01-11",\n 15\n ],\n [\n "2016-01-12",\n 34\n ],\n [\n "2016-01-13",\n 71\n ],\n [\n "2016-01-14",\n 47\n ],\n [\n "2016-01-15",\n 35\n ],\n [\n "2016-01-16",\n 99\n ],\n [\n "2016-01-17",\n 79\n ],\n [\n "2016-01-18",\n 25\n ],\n [\n "2016-01-19",\n 14\n ],\n [\n "2016-01-20",\n 16\n ],\n [\n "2016-01-21",\n 79\n ],\n [\n "2016-01-22",\n 15\n ],\n [\n "2016-01-23",\n 94\n ],\n [\n "2016-01-24",\n 77\n ],\n [\n "2016-01-25",\n 38\n ],\n [\n "2016-01-26",\n 17\n ],\n [\n "2016-01-27",\n 24\n ],\n [\n "2016-01-28",\n 53\n ],\n [\n "2016-01-29",\n 52\n ],\n [\n "2016-01-30",\n 76\n ],\n [\n "2016-01-31",\n 86\n ],\n [\n "2016-02-01",\n 71\n ],\n [\n "2016-02-02",\n 84\n ],\n [\n "2016-02-03",\n 3\n ],\n [\n "2016-02-04",\n 86\n ],\n [\n "2016-02-05",\n 86\n ],\n [\n "2016-02-06",\n 93\n ],\n [\n "2018-09-19",\n 31\n ],\n [\n "2018-09-20",\n 28\n ],\n [\n "2018-09-21",\n 11\n ],\n [\n "2018-09-22",\n 7\n ],\n [\n "2018-09-23",\n 7\n ],\n [\n "2018-09-24",\n 18\n ],\n [\n "2018-09-25",\n 35\n ],\n [\n "2018-09-26",\n 31\n ],\n [\n "2018-09-27",\n 26\n ],\n [\n "2018-09-28",\n 13\n ],\n [\n "2018-09-29",\n 8\n ],\n [\n "2018-09-30",\n 13\n ],\n [\n "2018-10-01",\n 36\n ],\n [\n "2018-10-02",\n 52\n ],\n [\n "2018-10-03",\n 33\n ],\n [\n "2018-10-04",\n 26\n ],\n [\n "2018-10-05",\n 18\n ],\n [\n "2018-10-06",\n 4\n ],\n [\n "2018-10-07",\n 11\n ],\n [\n "2018-10-08",\n 23\n ],\n [\n "2018-10-09",\n 58\n ],\n [\n "2018-10-10",\n 47\n ],\n [\n "2018-10-11",\n 38\n ],\n [\n "2018-10-12",\n 21\n ],\n [\n "2018-10-13",\n 10\n ],\n [\n "2018-10-14",\n 13\n ],\n [\n "2018-10-15",\n 40\n ],\n [\n "2018-10-16",\n 27\n ],\n [\n "2018-10-17",\n 35\n ],\n [\n "2018-10-18",\n 15\n ],\n [\n "2018-10-19",\n 23\n ],\n [\n "2018-10-20",\n 8\n ],\n [\n "2018-10-21",\n 6\n ],\n [\n "2018-10-22",\n 30\n ],\n [\n "2018-10-23",\n 47\n ],\n [\n "2018-10-24",\n 32\n ],\n [\n "2018-10-25",\n 44\n ],\n [\n "2018-10-26",\n 46\n ],\n [\n "2018-10-27",\n 13\n ],\n [\n "2018-10-28",\n 25\n ],\n [\n "2018-10-29",\n 84\n ],\n [\n "2018-10-30",\n 35\n ],\n [\n "2018-10-31",\n 33\n ],\n [\n "2018-11-01",\n 23\n ],\n [\n "2018-11-02",\n 22\n ],\n [\n "2018-11-03",\n 1\n ],\n [\n "2018-11-04",\n 14\n ],\n [\n "2018-11-05",\n 18\n ],\n [\n "2018-11-06",\n 29\n ],\n [\n "2018-11-07",\n 52\n ],\n [\n "2018-11-08",\n 99\n ],\n [\n "2018-11-09",\n 208\n ],\n [\n "2018-11-10",\n 30\n ],\n [\n "2018-11-11",\n 35\n ],\n [\n "2018-11-12",\n 30\n ]\n]`,
410+
data: `// A shortened version of the data is given here.\n// Please check the link below to see the complete data:\n// https://s3.eu-central-1.amazonaws.com/fusion.store/ft/data/column-line-combination-data.json\n[\n [\n \"01-Jan-2015\",\n \"55\",\n \"100\"\n ],\n [\n \"02-Jan-2015\",\n \"56\",\n \"106\"\n ],\n [\n \"03-Jan-2015\",\n \"59\",\n \"108\"\n ],\n [\n \"04-Jan-2015\",\n \"50\",\n \"102\"\n ],\n [\n \"05-Jan-2015\",\n \"56\",\n \"108\"\n ],\n [\n \"06-Jan-2015\",\n \"48\",\n \"100\"\n ],\n [\n \"07-Jan-2015\",\n \"45\",\n \"97\"\n ],\n [\n \"08-Jan-2015\",\n \"56\",\n \"105\"\n ],\n [\n \"09-Jan-2015\",\n \"44\",\n \"95\"\n ],\n [\n \"10-Jan-2015\",\n \"48\",\n \"96\"\n ],\n [\n \"11-Jan-2015\",\n \"52\",\n \"104\"\n ],\n [\n \"12-Jan-2015\",\n \"59\",\n \"112\"\n ],\n [\n \"13-Jan-2015\",\n \"62\",\n \"118\"\n ],\n [\n \"14-Jan-2015\",\n \"56\",\n \"114\"\n ],\n [\n \"15-Jan-2015\",\n \"59\",\n \"115\"\n ],\n [\n \"16-Jan-2015\",\n \"64\",\n \"125\"\n ],\n [\n \"17-Jan-2015\",\n \"61\",\n \"122\"\n ],\n [\n \"18-Jan-2015\",\n \"65\",\n \"127\"\n ],\n [\n \"19-Jan-2015\",\n \"59\",\n \"126\"\n ],\n [\n \"20-Jan-2015\",\n \"75\",\n \"138\"\n ],\n [\n \"21-Jan-2015\",\n \"58\",\n \"124\"\n ],\n [\n \"22-Jan-2015\",\n \"72\",\n \"134\"\n ],\n [\n \"23-Jan-2015\",\n \"64\",\n \"132\"\n ],\n [\n \"24-Jan-2015\",\n \"75\",\n \"143\"\n ],\n [\n \"25-Jan-2015\",\n \"66\",\n \"133\"\n ],\n [\n \"26-Jan-2015\",\n \"70\",\n \"134\"\n ],\n [\n \"27-Jan-2015\",\n \"64\",\n \"133\"\n ],\n [\n \"28-Jan-2015\",\n \"63\",\n \"128\"\n ],\n [\n \"29-Jan-2015\",\n \"69\",\n \"135\"\n ],\n [\n \"30-Jan-2015\",\n \"62\",\n \"129\"\n ],\n [\n \"31-Jan-2015\",\n \"71\",\n \"136\"\n ],\n [\n \"01-Feb-2015\",\n \"76\",\n \"148\"\n ],\n [\n \"02-Feb-2015\",\n \"85\",\n \"156\"\n ],\n [\n \"03-Feb-2015\",\n \"86\",\n \"156\"\n ],\n [\n \"04-Feb-2015\",\n \"86\",\n \"169\"\n ],\n [\n \"05-Feb-2015\",\n \"93\",\n \"180\"\n ],\n [\n \"06-Feb-2015\",\n \"95\",\n \"185\"\n ],\n [\n \"07-Feb-2015\",\n \"100\",\n \"189\"\n ],\n [\n \"08-Feb-2015\",\n \"103\",\n \"194\"\n ],\n [\n \"09-Feb-2015\",\n \"96\",\n \"193\"\n ],\n [\n \"10-Feb-2015\",\n \"82\",\n \"174\"\n ],\n [\n \"11-Feb-2015\",\n \"97\",\n \"183\"\n ],\n [\n \"12-Feb-2015\",\n \"79\",\n \"175\"\n ],\n [\n \"13-Feb-2015\",\n \"74\",\n \"161\"\n ],\n [\n \"14-Feb-2015\",\n \"67\",\n \"149\"\n ],\n [\n \"15-Feb-2015\",\n \"76\",\n \"150\"\n ],\n [\n \"16-Feb-2015\",\n \"68\",\n \"144\"\n ],\n [\n \"17-Feb-2015\",\n \"76\",\n \"147\"\n ]\n]`,
411411
schema: `[\n {\n "name": "Time",\n "type": "date",\n "format": "%Y-%m-%d"\n },\n {\n "name": "Daily Visitors",\n "type": "number"\n }\n]`,
412412
module: `// Setup needed in app.module.ts\n\nimport { NgModule, enableProdMode } from '@angular/core'\nimport { AppComponent } from './app.component';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { FusionChartsModule } from 'angular-fusioncharts';\n\n// Load FusionCharts\nimport * as FusionCharts from 'fusioncharts';\n// Load Charts module\nimport * as Charts from 'fusioncharts/fusioncharts.charts';\n// Load themes\nimport * as FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';\n\n// Add dependencies to FusionChartsModule\nFusionChartsModule.fcRoot(\n FusionCharts,\n Charts,\n FusionTheme\n)\n\n@NgModule({\n declarations: [\n AppComponent\n ],\n imports: [\n BrowserModule,\n FusionChartsModule\n ],\n providers: [\n ],\n bootstrap: [ AppComponent ]\n})\nexport class AppModule {\n}\n`,
413413
component: `// In app.component.ts\nimport {\n Component,\n NgZone\n} from '@angular/core';\nimport * as FusionCharts from 'fusioncharts';\n\n@Component({\n selector: 'app',\n templateUrl: './app.component.html',\n})\nexport class AppComponent {\n dataSource: any;\n type: string;\n width: string;\n height: string;\n constructor() {\n this.type = 'timeseries';\n this.width = '100%';\n this.height = '400';\n // This is the dataSource of the chart\n this.dataSource = {\n // Initially data is set as null\n data: null,\n caption: {\n text: 'Sales Analysis'\n },\n subcaption: {\n text: 'Grocery'\n },\n yAxis: [\n {\n plot: {\n value: 'Grocery Sales Value',\n type: 'line'\n },\n format: {\n prefix: '$'\n },\n title: 'Sale Value'\n }\n ]\n };\n this.fetchData();\n }\n\n // In this method we will create our DataStore and using that we will create a custom DataTable which takes two\n // parameters, one is data another is schema.\n fetchData() {\n var jsonify = res => res.json();\n var dataFetch = fetch(\n 'https://s3.eu-central-1.amazonaws.com/fusion.store/ft/data/column-line-combination-data.json'\n ).then(jsonify);\n var schemaFetch = fetch(\n 'https://s3.eu-central-1.amazonaws.com/fusion.store/ft/schema/column-line-combination-schema.json'\n ).then(jsonify);\n\n Promise.all([dataFetch, schemaFetch]).then(res => {\n const data = res[0];\n const schema = res[1];\n // First we are creating a DataStore\n const fusionDataStore = new FusionCharts.DataStore();\n // After that we are creating a DataTable by passing our data and schema as arguments\n const fusionTable = fusionDataStore.createDataTable(data, schema);\n // Afet that we simply mutated our timeseries datasource by attaching the above\n // DataTable into its data property.\n this.dataSource.data = fusionTable;\n });\n }\n\n ngOnInit() {\n \n }\n}\n`,

0 commit comments

Comments
 (0)