0.2.5 • Published 3 years ago
kl-control-chart v0.2.5
kl-control-chart
Package install
npm i kl-control-chartUsage in Vue.js
main.js
import KlCotrolChart from "kl-control-chart";
Vue.use(KlCotrolChart);component
- domain: domain of KOG.Modules.ControlCharts.API
- id: configuration id
<kl-control-chart :domain="domain" :id="id" />Usage in static HTML
source
InstrumentManagement\src\Modules\StatisticalEvaluations\UI\kl-control-chart\lib
|-- lib
| |-- klControlChart.umd.js
| |-- klControlChart.umd.min.jsDemo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Control Chart</title>
</head>
<body>
<div id="control-chart-wrapper"></div>
<script type="text/javascript" src="https://unpkg.com/vue@2.6.12/dist/vue.js"></script>
<script type="text/javascript" src="./js/klControlChart.umd.js"></script>
<!-- <script type="text/javascript" src="./js/vue@2.6.12.min.js"></script>
<script type="text/javascript" src="./js/klControlChart.umd.min.js"></script> -->
<script>
Vue.use(klControlChart)
var app = new Vue({
el: '#control-chart-wrapper',
data() {
return {
id: 1,
domain: "https://localhost:55559"
};
},
template: '<kl-control-chart :id="id" :domain="domain" />'
})
</script>
</body>
</html>