graph-saving: Make a graph's screenshot the saved graph

オープン
#862 コメント 0 件 リアクション 0 件 担当者 1 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@sanjeetyellu がすでに取り組んでいます。

2026年10月16日 から。

評価

この issue はまだ評価されていません。

説明

by: ai-assisted frontend spike
Exploring

Saving a graph produces an image of it that also carries the graph's data inside the image file. It previews anywhere an image does (Slack, design reviews, docs), and dropping or pasting it into Argos turns it back into a zoomable graph. Nothing is stored in a database.

Hypothesis

The data inside the image survives the places engineers actually share images (Slack uploads, Drive, email attachments), and a pasted or dropped image re-renders in Argos the same as the original graph.

Context transfer
SUMMARY
#842: save, reopen, and zoom graphs inside Argos. Saved graphs must survive a local data upload and database wipe, and work for any static graph in Argos.

CONTEXT
- runId is SERIAL (scylla-server/migrations/2024-11-10-031516_create_all). After a wipe numbering restarts, so a stored runId can point at a different Run.
- Every chart in angular-client is ApexCharts (ng-apexcharts): components/graph, components/double-line-graph, components/pie-chart, pages/graph-page/graph.
- The graph page's historical range is capped at 7 days because high-rate telemetry means tens of millions of rows (MAX_RANGE_MINUTES).
- Later goal (not a storage requirement): a reopened saved graph keeps plotting while live telemetry streams onto the same chart. Today the graph page is either live or historical, never both at once.
- Chart: ApexCharts (ng-apexcharts); its toolbar is not disabled, so its built-in image download is likely already available.
- Some services recompress uploaded images, which can drop extra data in the file; which ones do is unknown.
主要言語
TypeScript
スター
5
フォーク
1
平均マージ
1日 20時間
マージ済み PR(30日)
43

環境構築

  • Dockerfile・Docker Compose ファイルなし
  • プルリクエストのテンプレートあり
  • コントリビューションガイドなし

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

Northeastern-Electric-Racing/Argos のほかの issue

Northeastern-Electric-Racing/Argos の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。