View theme-variants.js
This file contains 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": [{ |
View create-theme.js
This file contains 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' |
View add-theme-to-chart.js
This file contains 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": [ | |
{ |
View include-theme.html
This file contains 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> |
View datsource-style-embed.js
This file contains 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', |
View conditional-styling.js
This file contains 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 | |
}; |
View chart-specific-style.js
This file contains 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: { |
View shimmer.css
This file contains 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; |
View lazy-load-image-directive.ts
This file contains 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; | |
View some.html
This file contains 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