feat/colorbar fix

Qraree · Apr 28, 2023 · 26c1a17 · 26c1a17
1 parent 4f63588
commit 26c1a17
Show file tree

Hide file tree

Showing 7 changed files with 147 additions and 6 deletions.
diff --git a/grapick.min.css b/grapick.min.css
diff --git a/grapick.min.js b/grapick.min.js
diff --git a/index.html b/index.html
@@ -2,7 +2,9 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
+    <link rel="stylesheet" href="grapick.min.css">
     <link rel="stylesheet" href="styles.css" >
+    <script src="grapick.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <script src="https://cdn.plot.ly/plotly-2.18.2.min.js"></script>
     <title>A193</title>
@@ -286,9 +288,18 @@ <h1>Статистика</h1>
             <div class="settings-wrapper">
                 <div>
                     <div class="colormap-section">
+                        <div>
+                            <span>Строить при расчёте сетку точек</span>
+                            <input type="checkbox" name="dots-checkbox" id="dots-checkbox">
+                        </div>
+                        <div>
+                            <span>Фиксированная цветовая шкала вероятности</span>
+                            <input type="checkbox" name="color-checkbox" id="color-checkbox" checked>
+                        </div>
                         <span class="colormap-label">Выберете расцветку графиков</span>
                         <select name="select" id="colormap-select">
                             <!--Supplement an id here instead of using 'name'-->
+                            <option value="gradient">Свой градиент</option>
                             <option value="Viridis">Viridis</option>
                             <option value="YlOrRd">YlOrRd</option>
                             <option value="YlGnBu">YlGnBu</option>
@@ -310,6 +321,9 @@ <h1>Статистика</h1>
                     </div>
                 </div>
                 <div class="title-name-section">
+                    <div id="gradient-picker">
+
+                    </div>
                     <section class="parameter-section additional-parameter">
                         <label for="PlotName3d">Заголовок трехмерного графика</label>
                         <textarea

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
   "dependencies": {
     "chart.js": "^4.2.1",
     "excel4node": "^1.8.1",
+    "grapick": "^0.1.13",
     "plotly.js-dist-min": "^2.21.0"
   }
 }