lit-litelements
Advanced tools
Comparing version 2.0.0 to 2.0.1
{ | ||
"name": "lit-litelements", | ||
"version": "2.0.0", | ||
"version": "2.0.1", | ||
"description": "My LitElement component build for loading spinner with 10 types, and chart-display", | ||
@@ -5,0 +5,0 @@ "main": "dist/main.js", |
@@ -16,3 +16,49 @@ # This is web-component using lit | ||
## display stock chart | ||
using chart.js to build reuse char | ||
- ex: | ||
<loading-spinner-element center name="spinner11" style="color: red;"></loading-spinner-element> | ||
<loading-spinner-element center name="spinner11" style="color: red;" size="100px"></loading-spinner-element> | ||
<loading-spinner-element center name="spinner11" style="color: red;" size="100px" backgroundColor="white"></loading-spinner-element> | ||
## stock-chart-display | ||
stock-chart-display take the prop as array | ||
dataArray=[ | ||
{ | ||
"volume": 2431872, | ||
"open": 10.15, | ||
"close": 9.52, | ||
"high": 10.44, | ||
"low": 9.32, | ||
"date": "2024-10-23T04:00:00.000Z", | ||
"MA20": 10.06, | ||
"MA50": 10.29, | ||
"MA200": 18.62, | ||
"RSI": 63.85793018983466, | ||
"MACDLine": 0.024551282051284318, | ||
"SignalLine": -0.2835965963696013, | ||
"MACDHistogram": 0.3081478784208856 | ||
}, | ||
] | ||
<stock-chart-display stockData=dataArray> | ||
## Integrate | ||
### angular | ||
add to angular.json | ||
"architect": { | ||
"build": { | ||
"builder": "@angular-devkit/build-angular:browser", | ||
"options": { | ||
... | ||
], | ||
"styles": [ | ||
], | ||
"scripts": [ | ||
"./node_modules/lit-litelements/dist/main.js" | ||
] | ||
} | ||
} | ||
} | ||
### html | ||
<script type="module" src="./node_modules/lit-litelements/dist/main.js"></script> |
64
261527
10
2063