yakuzaaaa
/ theme-variants.js
Created
May 14, 2019 07:32
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Base definition | |
| function getTheme(options) { | |
| return { | |
| "name": "custom", | |
| "theme": { | |
| "base": { | |
| "chart": { | |
| "showlegend": "1" | |
| }, | |
| "dataset": [{ |
yakuzaaaa
/ create-theme.js
Created
May 14, 2019 07:28
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var themeObject = { | |
| name: 'custom', | |
| theme: { | |
| base: { | |
| chart: { | |
| showlegend: '1' | |
| }, | |
| dataset: [{ | |
| data: [{ | |
| color: '#ff0000' |
yakuzaaaa
/ add-theme-to-chart.js
Last active
May 14, 2019 07:39
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "chart": { | |
| "caption": "Monthly revenue for last year", | |
| "subCaption": "Harry's SuperMart", | |
| "xAxisName": "Month", | |
| "yAxisName": "Revenue", | |
| "theme": "fusion" | |
| }, | |
| "data": [ | |
| { |
yakuzaaaa
/ include-theme.html
Created
May 14, 2019 07:18
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- First include the theme of our choice --> | |
| <script src="../path/to/fusioncharts.theme.fusion.js"></script> | |
| <script> | |
| // before rendering a chart | |
| FusionCharts.options.defaultTheme = 'fusion'; | |
| </script> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "dataSource": { | |
| "chart": { | |
| "showLegend": "1" | |
| }, | |
| "dataset": [{ | |
| "seriesname": "2006", | |
| "data": [ | |
| { | |
| "value": "27400", | |
| "color": '#004D40', |
yakuzaaaa
/ conditional-styling.js
Last active
May 14, 2019 07:07
Conditional theme styling snippets
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| base: { | |
| chart: { | |
| canvasBgColor: '#ffffff' | |
| } | |
| dataset: [{ | |
| data: function (index, data) { | |
| var colorHex = data.value > 30000 ? '#0000ff' : '#ffff00'; | |
| return { | |
| color: colorHex | |
| }; |
yakuzaaaa
/ chart-specific-style.js
Last active
May 14, 2019 08:04
Chart specific theme styles for fusionCharts
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| base: { | |
| chart: { | |
| canvasBgColor: '#ffffff' | |
| } | |
| pie2d: { | |
| chart: { | |
| bgColor: '#FF0000' | |
| } | |
| }, | |
| msline: { |
yakuzaaaa
/ shimmer.css
Last active
October 19, 2019 10:38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .shimmer-background { | |
| animation-duration: 1s; | |
| animation-fill-mode: forwards; | |
| animation-iteration-count: infinite; | |
| animation-name: placeHolderShimmer; | |
| animation-timing-function: linear; | |
| background: #f6f7f9; | |
| background-image: linear-gradient(to right, #f6f7f9 20%, #e9ebee 40%, #f6f7f9 60%, #f6f7f9 100%); | |
| background-repeat: no-repeat; |
yakuzaaaa
/ lazy-load-image-directive.ts
Last active
February 21, 2019 11:25
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { Directive, ElementRef, Input, OnChanges, SimpleChanges } from '@angular/core'; | |
| @Directive({ | |
| selector: '[lazy-load]' // Attribute selector | |
| }) | |
| export class LazyLoadDirective implements OnChanges { | |
| @Input('source') | |
| source; | |
| lazyImageObserver: any; | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| We will use the directive in HTML in the following way | |
| lazy-load here is our directive name and source is our input to the directive and it contains the original source URL --> | |
| <img lazy-load [source]="srcUrl"> |
NewerOlder