Skip to content

Instantly share code, notes, and snippets.

View apertureless's full-sized avatar
:shipit:
Finding ...<b>u</b>

Jakub apertureless

:shipit:
Finding ...<b>u</b>
View GitHub Profile

Keybase proof

I hereby claim:

  • I am apertureless on github.
  • I am apertureless (https://keybase.io/apertureless) on keybase.
  • I have a public key ASCK-sG7mtSCFr9gmXBPmHTgzE9C0H42zODzX_AN-T_vTQo

To claim this, I am signing this object:

@apertureless
apertureless / LineChart.js
Last active February 21, 2017 17:40
Vue-Chartjs
import {Line} from 'vue-chartjs'
import reactiveProp from './mixin.js'
export default Line.extend({
mixins: [reactiveProp],
props: ['chartData', 'options'],
mounted () {
this.renderChart(this.chartData, this.options)
}
})
@apertureless
apertureless / App.vue
Last active September 6, 2018 14:41
Medium Vue.js & Chart.js
<template>
<div id="app">
<div class="container">
<div class="Chart__list">
<div class="Chart">
<h2>Linechart</h2>
<line-example></line-example>
</div>
</div>
</div>
.Chart {
background: #212733;
border-radius: 15px;
box-shadow: 0px 2px 15px rgba(25, 25, 25, 0.27);
margin: 25px 0;
}
.Chart h2 {
margin-top: 0;
padding: 15px 0;
import {Line} from 'vue-chartjs'
export default {
extends: Line,
mounted () {
this.renderChart({
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
datasets: [
{
label: 'Data One',
<template>
<div id="app">
<div class="container">
<div class="Chart__list">
<div class="Chart">
<h2>Linechart</h2>
<line-example></line-example>
</div>
</div>
</div>
import {Line} from 'vue-chartjs'
export default Line.extend({
data () {
return {
gradient: null,
gradient2: null
}
},
mounted () {
@apertureless
apertureless / LineChart.vue
Last active February 5, 2018 14:18
medium-api-vue-01
<script>
import { Line } from 'vue-chartjs'
export default {
extends: Line,
props: {
chartData: {
type: Array | Object,
required: false
},
@apertureless
apertureless / start-01.vue
Created April 19, 2017 15:51
medium-api-
<template>
<div class="content">
<div class="container">
<div class="Search__container">
<input
class="Search__input"
@keyup.enter="requestData"
placeholder="npm package name"
type="search" name="search"
v-model="package"