Selaa lähdekoodia

build ver 0.0.7, fixes #73

tags/1.2.0
pratu16x7 7 vuotta sitten
vanhempi
commit
68906afd3d
27 muutettua tiedostoa jossa 16 lisäystä ja 19 poistoa
  1. +1
    -1
      README.md
  2. +1
    -1
      dist/frappe-charts.min.css
  3. +1
    -1
      dist/frappe-charts.min.iife.js
  4. +1
    -1
      docs/assets/js/frappe-charts.min.js
  5. +1
    -1
      docs/index.html
  6. +1
    -1
      package.json
  7. +9
    -9
      rollup.config.js
  8. +1
    -1
      src/js/charts.js
  9. +0
    -0
      src/js/charts/AxisChart.js
  10. +0
    -0
      src/js/charts/BarChart.js
  11. +0
    -0
      src/js/charts/BaseChart.js
  12. +0
    -0
      src/js/charts/Heatmap.js
  13. +0
    -0
      src/js/charts/LineChart.js
  14. +0
    -0
      src/js/charts/PercentageChart.js
  15. +0
    -0
      src/js/charts/PieChart.js
  16. +0
    -0
      src/js/charts/ScatterChart.js
  17. +0
    -0
      src/js/objects/SvgTip.js
  18. +0
    -0
      src/js/utils/animate.js
  19. +0
    -0
      src/js/utils/animation.js
  20. +0
    -0
      src/js/utils/colors.js
  21. +0
    -0
      src/js/utils/date-utils.js
  22. +0
    -0
      src/js/utils/dom.js
  23. +0
    -0
      src/js/utils/draw-utils.js
  24. +0
    -0
      src/js/utils/draw.js
  25. +0
    -0
      src/js/utils/helpers.js
  26. +0
    -0
      src/js/utils/intervals.js
  27. +0
    -3
      src/scss/charts.scss

+ 1
- 1
README.md Näytä tiedosto

@@ -41,7 +41,7 @@
* ...or include within your HTML

```html
<script src="https://unpkg.com/frappe-charts@0.0.6/dist/frappe-charts.min.iife.js"></script>
<script src="https://unpkg.com/frappe-charts@0.0.7/dist/frappe-charts.min.iife.js"></script>
```

#### Usage


+ 1
- 1
dist/frappe-charts.min.css Näytä tiedosto

@@ -1 +1 @@
.chart-container{font-family:Roboto,Geneva,Tahoma,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;bottom:-10px;left:50%;width:5px;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}
.chart-container{font-family:Roboto,Geneva,Tahoma,sans-serif}.chart-container .graph-focus-margin{margin:0 5%}.chart-container>.title{margin-top:25px;margin-left:25px;text-align:left;font-weight:400;font-size:12px;color:#6c7680}.chart-container .graphics{margin-top:10px;padding-top:10px;padding-bottom:10px;position:relative}.chart-container .graph-stats-group{-ms-flex-pack:distribute;-webkit-box-flex:1;-ms-flex:1;flex:1}.chart-container .graph-stats-container,.chart-container .graph-stats-group{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.chart-container .graph-stats-container{-ms-flex-pack:distribute;padding-top:10px}.chart-container .graph-stats-container .stats{padding-bottom:15px}.chart-container .graph-stats-container .stats-title{color:#8d99a6}.chart-container .graph-stats-container .stats-value{font-size:20px;font-weight:300}.chart-container .graph-stats-container .stats-description{font-size:12px;color:#8d99a6}.chart-container .graph-stats-container .graph-data .stats-value{color:#98d85b}.chart-container .axis,.chart-container .chart-label{font-size:11px;fill:#555b51}.chart-container .axis line,.chart-container .chart-label line{stroke:#dadada}.chart-container .percentage-graph .progress{margin-bottom:0}.chart-container .data-points circle{stroke:#fff;stroke-width:2}.chart-container .path-group path{fill:none;stroke-opacity:1;stroke-width:2px}.chart-container line.dashed{stroke-dasharray:5,3}.chart-container .tick.x-axis-label{display:block}.chart-container .tick .specific-value{text-anchor:start}.chart-container .tick .y-value-text{text-anchor:end}.chart-container .tick .x-value-text{text-anchor:middle}.chart-container .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.chart-container .progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#36414c;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.chart-container .graph-svg-tip{position:absolute;z-index:1;padding:10px;font-size:12px;color:#959da5;text-align:center;background:rgba(0,0,0,.8);border-radius:3px}.chart-container .graph-svg-tip ol,.chart-container .graph-svg-tip ul{padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex}.chart-container .graph-svg-tip ul.data-point-list li{min-width:90px;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:600}.chart-container .graph-svg-tip strong{color:#dfe2e5;font-weight:600}.chart-container .graph-svg-tip .svg-pointer{position:absolute;height:5px;margin:0 0 0 -5px;content:" ";border:5px solid transparent;border-top-color:rgba(0,0,0,.8)}.chart-container .graph-svg-tip.comparison{padding:0;text-align:left;pointer-events:none}.chart-container .graph-svg-tip.comparison .title{display:block;padding:10px;margin:0;font-weight:600;line-height:1;pointer-events:none}.chart-container .graph-svg-tip.comparison ul{margin:0;white-space:nowrap;list-style:none}.chart-container .graph-svg-tip.comparison li{display:inline-block;padding:5px 10px}.chart-container .indicator,.chart-container .indicator-right{background:none;font-size:12px;vertical-align:middle;font-weight:700;color:#6c7680}.chart-container .indicator i{content:"";display:inline-block;height:8px;width:8px;border-radius:8px}.chart-container .indicator:before,.chart-container .indicator i{margin:0 4px 0 0}.chart-container .indicator-right:after{margin:0 0 0 4px}

+ 1
- 1
dist/frappe-charts.min.iife.js
File diff suppressed because it is too large
Näytä tiedosto


+ 1
- 1
docs/assets/js/frappe-charts.min.js
File diff suppressed because it is too large
Näytä tiedosto


+ 1
- 1
docs/index.html Näytä tiedosto

@@ -53,7 +53,7 @@
<p class="step-explain">And include it in your project</p>
<pre><code class="hljs javascript"> import Chart from "frappe-charts/dist/frappe-charts.min.esm"</code></pre>
<p class="step-explain">... or include it directly in your HTML</p>
<pre><code class="hljs html"> &lt;script src="https://unpkg.com/frappe-charts@0.0.6/dist/frappe-charts.min.iife.js"&gt;&lt;/script&gt;</code></pre>
<pre><code class="hljs html"> &lt;script src="https://unpkg.com/frappe-charts@0.0.7/dist/frappe-charts.min.iife.js"&gt;&lt;/script&gt;</code></pre>
<p class="step-explain">Make a new Chart</p>
<pre><code class="hljs html"> &lt!--HTML--&gt;
&lt;div id="chart"&gt;&lt;/div&gt;</code></pre>


+ 1
- 1
package.json Näytä tiedosto

@@ -1,6 +1,6 @@
{
"name": "frappe-charts",
"version": "0.0.6",
"version": "0.0.7",
"description": "https://frappe.github.io/charts",
"main": "dist/frappe-charts.min.cjs.js",
"module": "dist/frappe-charts.min.esm.js",


+ 9
- 9
rollup.config.js Näytä tiedosto

@@ -14,7 +14,7 @@ import pkg from './package.json';

export default [
{
input: 'src/scripts/charts.js',
input: 'src/js/charts.js',
output: [
{
file: pkg.main,
@@ -27,7 +27,7 @@ export default [
],
plugins: [
postcss({
extensions: [ '.less' ],
extensions: [ '.scss' ],
extract: 'dist/frappe-charts.min.css',
plugins: [
nested(),
@@ -37,7 +37,7 @@ export default [
}),
eslint({
exclude: [
'src/styles/**',
'src/scss/**',
]
}),
babel({
@@ -51,7 +51,7 @@ export default [
],
},
{
input: 'src/scripts/charts.js',
input: 'src/js/charts.js',
output: [
{
file: pkg.src,
@@ -60,7 +60,7 @@ export default [
],
plugins: [
postcss({
extensions: [ '.less' ],
extensions: [ '.scss' ],
extract: 'dist/frappe-charts.min.css',
plugins: [
nested(),
@@ -70,7 +70,7 @@ export default [
}),
eslint({
exclude: [
'src/styles/**',
'src/scss/**',
]
}),
replace({
@@ -80,7 +80,7 @@ export default [
],
},
{
input: 'src/scripts/charts.js',
input: 'src/js/charts.js',
output: [
{
file: 'docs/assets/js/frappe-charts.min.js',
@@ -94,7 +94,7 @@ export default [
name: 'Chart',
plugins: [
postcss({
extensions: [ '.less' ],
extensions: [ '.scss' ],
plugins: [
nested(),
cssnext({ warnForDuplicates: false }),
@@ -103,7 +103,7 @@ export default [
}),
eslint({
exclude: [
'src/styles/**',
'src/scss/**',
]
}),
babel({


src/scripts/charts.js → src/js/charts.js Näytä tiedosto

@@ -1,4 +1,4 @@
import '../styles/charts.less';
import '../scss/charts.scss';

import BarChart from './charts/BarChart';
import LineChart from './charts/LineChart';

src/scripts/charts/AxisChart.js → src/js/charts/AxisChart.js Näytä tiedosto


src/scripts/charts/BarChart.js → src/js/charts/BarChart.js Näytä tiedosto


src/scripts/charts/BaseChart.js → src/js/charts/BaseChart.js Näytä tiedosto


src/scripts/charts/Heatmap.js → src/js/charts/Heatmap.js Näytä tiedosto


src/scripts/charts/LineChart.js → src/js/charts/LineChart.js Näytä tiedosto


src/scripts/charts/PercentageChart.js → src/js/charts/PercentageChart.js Näytä tiedosto


src/scripts/charts/PieChart.js → src/js/charts/PieChart.js Näytä tiedosto


src/scripts/charts/ScatterChart.js → src/js/charts/ScatterChart.js Näytä tiedosto


src/scripts/objects/SvgTip.js → src/js/objects/SvgTip.js Näytä tiedosto


src/scripts/utils/animate.js → src/js/utils/animate.js Näytä tiedosto


src/scripts/utils/animation.js → src/js/utils/animation.js Näytä tiedosto


src/scripts/utils/colors.js → src/js/utils/colors.js Näytä tiedosto


src/scripts/utils/date-utils.js → src/js/utils/date-utils.js Näytä tiedosto


src/scripts/utils/dom.js → src/js/utils/dom.js Näytä tiedosto


src/scripts/utils/draw-utils.js → src/js/utils/draw-utils.js Näytä tiedosto


src/scripts/utils/draw.js → src/js/utils/draw.js Näytä tiedosto


src/scripts/utils/helpers.js → src/js/utils/helpers.js Näytä tiedosto


src/scripts/utils/intervals.js → src/js/utils/intervals.js Näytä tiedosto


src/styles/charts.less → src/scss/charts.scss Näytä tiedosto

@@ -143,9 +143,6 @@
}
.svg-pointer {
position: absolute;
bottom: -10px;
left: 50%;
width: 5px;
height: 5px;
margin: 0 0 0 -5px;
content: " ";

Ladataan…
Peruuta
Tallenna