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": [{ |
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' |
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": [ | |
{ |
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', |
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 | |
}; |
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: { |
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; |
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