diff --git a/build/webpack.demo.conf.js b/build/webpack.demo.conf.js new file mode 100755 index 0000000..89ef151 --- /dev/null +++ b/build/webpack.demo.conf.js @@ -0,0 +1,40 @@ +const path = require('path'); + +function resolve(dir) { + return path.join(__dirname, '..', dir) +} + +module.exports = { + context: resolve('example'), + entry: './example_pod.ts', + plugins: [], + devtool: 'inline-source-map', + watch: true, + mode: 'development', + module: { + rules: [ + { + test: /\.ts$/, + use: 'ts-loader', + exclude: /node_modules/ + }, + { + test: /\.css$/, + use: [ + { loader: 'style-loader', options: { injectType: 'lazyStyleTag' } }, + 'css-loader', + ], + exclude: /node_modules/ + } + ], + }, + resolve: { + extensions: ['.ts', '.js'], + }, + output: { + filename: 'example.js', + path: resolve('example/dist'), + libraryTarget: 'umd', + umdNamedDefine: true + } +}; diff --git a/example/README.md b/example/README.md new file mode 100644 index 0000000..4dd7c7e --- /dev/null +++ b/example/README.md @@ -0,0 +1,5 @@ +### HOW TO RUN + +run `yarn run dev` and `yarn run demo` in separate terminals simultaneously. + +open `example.html` in your browser. diff --git a/example/example.html b/example/example.html index 9c6f55a..a978084 100644 --- a/example/example.html +++ b/example/example.html @@ -4,7 +4,7 @@ - +
@@ -15,10 +15,9 @@ const data1 = Array.from({ length: arrayLength }, (el, idx) => [startTime + idx * 10000, Math.floor(Math.random() * 40)]); let options = { - renderLegend: false, usePanning: false, + renderLegend: false, axis: { - y: { invert: false, range: [0, 350] }, - y1: { isActive: true, range: [0, 10], ticksCount: 8 }, + y: { range: [0, 350] }, x: { format: 'time' } }, zoomEvents: { @@ -29,9 +28,7 @@ var pod = new ExamplePod( document.getElementById('chart'), [ - { target: 'test1', datapoints: data1, color: 'green', dashArray: '5,3', class: 'first', renderArea: true }, - { target: 'test2', datapoints: data2, color: 'blue', yOrientation: 'right' }, - { target: 'test3', datapoints: data3, color: 'orange' }, + { target: 'test1', datapoints: data1, color: 'green' }, ], options ); diff --git a/example/examplePod.ts b/example/example_pod.ts similarity index 97% rename from example/examplePod.ts rename to example/example_pod.ts index 7f97ce2..5ddb1ba 100644 --- a/example/examplePod.ts +++ b/example/example_pod.ts @@ -43,7 +43,7 @@ class ExamplePod extends ChartwerkPod