ChartsHTML

[PROJECT TITLE]

[Project description

Build

• npm run build
• npm run watch

DOC

// un peu bancal mais ça marche…

• raw : string

  null

• parsed : any

  () => any

• value : any (evaluate () => any + preproc + default value)
• getter => get value with final type.
• setter => set parsed.

=> type issues with manager…

=> parent listen children => parent signal ??? => children.attach() => requestUpdate => parentChanged => update. => children.detach()

=> listen properties. => throttle => requestUpdate => if no changes : nothing => if changes update() => order depending on type (datasets before scales, etc) => permet de retirer beforeChartUpdate()

TODO

• doc StringEval types + auto-deduce.

• doc curves

• doc components

• doc public API
  • getDataset(name)
  • getDatasetNames()
  • update()
  • updateAll()
  • get/setValue (refactor ???)
  • zoom() => Zoom
  • …
• doc component public API
  • change attr ? (color/tooltip/etc ?)
  • …

Bugs

🐛 Empty tooltip : do not show. 🐛 Actuellement, le pan ne fonctionne pas avec l’API JS. 🐛 Actuellement Datalabels requiert Tooltip 🐛 jsapi-value-cstr

• datalabels : clickable class CSS cursor

• Playground

  • modification remove select current value
  • afficher HTML si JS, si modification HTML, cacher JS.

Features

• Dataset: specify axes to use.

• playground
  • show generated HTML => message to iframe => send outerHTML (+toggle contenteditable)
• default color/tooltip/datalabel at graph level
  • component ? [require internal refactor?]

• hide -> hidden -> hidden scales.

• Datalabels : own list of labels + default label.
  • datalabels : name + list (no name = default ?)
  • dataset : datalabels=”name” (by default the curve-defaults ?)
• charts.js raw options override ? -> doc how to inherit/build own component
• share components (clone)

• move components (remove and add)

• export/import (several types…)

• doc
  • show example in doc (iframe to x?example=”x” ?) / load from example…
  • toggle HTML/JS ?

-> Initial components in ChartHTML cstr ? […args] ? -> {scales: {name:}, datasets: {}} ? -> {[type]: {[name]: {otherprops}}} -> special : curves: { [name]: {opts+type}} => capitalize.

-> tooltips => external: externalTooltipHandler https://www.chartjs.org/docs/latest/samples/tooltip/html.html

Refactors

• use signals (attrs+content are signals/processed ?) -> contentRaw + contentParsed (a constant computedSignal, override method). -> attrsRaw + attrsParsed (?) [not a signal : besoin de la structure entière] -> StringEval is a computedSignal() ? -> do not reparse content. -> rawValues -> signalValues (???) -> effect`` <= detect signals and update only when signals changed.

• revoir internals (_insert/_attach/etc)
• déplacer StringEval dans son propre fichier.

TS type errors

• LISS(extends)
• ChartHTML.XXX

This site is open source. Improve this page.