Skip to content

Instantly share code, notes, and snippets.

View AlexanderKozhevin's full-sized avatar
💭
working

Alexander Kozhevin AlexanderKozhevin

💭
working
View GitHub Profile
{
type: 'Bar',
data: Chartdata['DistributedSeries'],
options: {
distributeSeries: true,
width: '100%',
height: '100%',
chartPadding: {
top: 20,
right: 20,
{
type: 'Bar',
data: Chartdata['Bi-PolarBar'],
options: {
high: 10,
low: -10,
axisX: {
labelInterpolationFnc: function(value: number, index: number): number {
return index % 2 === 0 ? value : null;
}
{
type: 'Line',
data: Chartdata['LineWithArea'],
options: {
low: 0,
showArea: true,
height: '100%',
width: '100%',
lineSmooth: true,
onlyInteger: true,
{
type: 'Line',
data: Chartdata['Scatter'],
chartPadding: {
top: 30,
right: 30,
bottom: 0,
left: 15
},
options: {
{
type: 'Line',
data: Chartdata['Line2'],
options: {
chartPadding: {
top: 30,
right: 30,
bottom: 0,
left: 15
},
{
type: 'Line',
data: Chartdata['Line'],
options: {
chartPadding: {
top: 30,
right: 30,
bottom: 0,
left: 15
},
{
type: 'Bar',
data: Chartdata['Bar'],
options: {
chartPadding: {
top: 30,
right: 30,
bottom: 0,
left: 0
},
<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
style="width: 0px; height: 0px; position: absolute;">
<defs>
<linearGradient id="gradient-1" gradientTransform="rotate(90)">
<stop stop-color="#FDB3B0" offset="0"/>
<stop stop-color="#FDC8B0" offset="1"/>
</linearGradient>
<linearGradient id="gradient-2" gradientTransform="rotate(90)">
.line-chart-area, .line-chart-area-blue{
width: 100%;
.ct-area{
// fill: lighten($red, 15%);
fill:url(#gradient-1);
fill-opacity: 1;
// filter: drop-shadow( -5px -5px 5px #000 );
}
{
type: 'Line',
data: Chartdata['Scatter'],
chartPadding: {
top: 30,
right: 30,
bottom: 0,
left: 15
},
options: {