The Sample CodeBase how to generate graphs using Vuejs
Installation Guidelines
-
Make sure Node.js is installed on your PC, then simply download or clone this repo and install all dependencies:
$ git clone https://github.com/ConnectBhawna/Chart_SampleCodeBase.git $ cd Chart_SampleCodeBase $ npm install
), insert your Favoriot API key and Favoriot device developer ID to the components/favoriotChart.vue file!
-
API key goes to request headers:
var headers = { headers: { 'Content-Type': 'application/json', 'apikey': 'your_API_key' } }
-
Device developer ID goes to request headers:
var dataBody = { device_developer_id: "your_device_developer_id", data: { Temperature: this.$refs.temp.value, Humidity: this.$refs.hum.value, Potentio: this.$refs.pot.value, } }
Run the project!
$ npm run serve
The app will be run automatically on http://localhost:8080/. Try to POST some data & GET the data back from Favoriot!
Screenshot of Web App
Enjoy the code~ ?