1.0.3 • Published 2 years ago

cli-plotset v1.0.3

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Plotset

How to use

  • Install the package with npm i -g cli-plotset or sudo i -g cli-plotset

Login

plotset login

new template

plotset new

with this commend ploset generated template in current directory.

the template includes the following files (in src folder).

  • css(folder)
  1. Write the code css in this folder and import in src/css/main.css.
  2. You automatically have access to your class inside index.html.

  • js(folder)
  1. Write the code javascript in this folder and import in src/js/index.js.
  2. You must have this methods which we will discuss in the following.
methodwhen run this method in base plotset?required
init_handlerfirst time change data change col rel(bindings)true
transformDatafirst time change data change col rel(binding)false
change_config_handlerchange config(setting)true
resizeHandlerresize iframetrue

  • index.html
  1. Inside this file you can write html code and add external modules.
  2. Be sure to add module https://plotset.com/charts/js/base-cafedata/v1.0.0.js.

  • bindings.json

⋅⋅⋅ ⋅⋅


  • data.csv

default data template.


  • info.json

you must enter the name and category of the template in this file.


  • settings.json
  1. this file puts your template settings and inputs into poltset.com and allows you to change the settings.
  2. you must also enter the default value of the template settings in this file.

  • thumbnail.png

this is a preview of your template image on plotset.com.


publish

plotset publish

enter template id if you want update your template or enter new if you have new template.

note: if exist templateId field in this file directoryTemplate/plotset.json The templateId is automatically read from there.

sample plotset.json

{
    "templateId": 102
}

API Global Methods and Variable

data

backupData

config

oldConfig

col_rel

width

height

init_handler

change_config_handler

transformData

resizeHandler

lifecycle events

first

Image

change data

Image

change col rel

Image

change config

Image