rails_charts 0.0.2 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 50c27a4b7e73edf104326a0c43e498158b15b6983a445ada2bb253ff79ebeeee
-  data.tar.gz: 2f30630d19ac238e32aca3648ba60adc57d3e82bde8ff3822057165ed2a9efd0
+  metadata.gz: f624c9ad155015b47d5bb2f4e7ede4253c9c56cbcc872cb03279f5be9210b427
+  data.tar.gz: e1bca3b0812cadf060220514186764188742e6f6d8d87b2ac9db07325c32eb10
 SHA512:
-  metadata.gz: f005aa895ad8979ff0dfbd76c0f11743695ec1bd0ee80a073cd90be2ab7f92823bef2002859ac7f67c4392e36f49ca87ab659be62fbdbdc80a15b8e46c7181fa
-  data.tar.gz: 6be80b111bbfbaf227c43f1e55cc2bf447a456b7f06e435c5441774faf10afc35b27a14813a05e9969ba507802d72bdd452eaaed991facffacb9e6a02b1a99f8
+  metadata.gz: c0e5933e814a589621025f45d169417a8aeaa8da44cb2c00bbcde2175f5c24ff38ebc15f5fc464b203c3c13ca0e52e724ca8e7264e26cdc8bc5784981d01d557
+  data.tar.gz: 18e131a0526afc482ec562a5f283f2b6f81fa93ed6b59320594f7ac6094fd862ca22be2bdb29d0f7f466ba6c9a1581c3bd2b238d9609d8abb08aa709dc089ed6

data/README.md

@@ -1,30 +1,32 @@
 # Rails Charts
 
+[![RailsJazz](https://github.com/igorkasyanchuk/rails_time_travel/blob/main/docs/my_other.svg?raw=true)](https://www.railsjazz.com)
+
 ![Charts](docs/all.jpg)
 
 One more gem to build nice charts for your Ruby on Rails application.
 
-With it you can build various types of charts Apache eCharts library (v. 5.3.2). This gem simplifies interface and adding few helpers to start adding charts in your app with just a few lines of code.
+With it you can build various types of charts [Apache eCharts](https://echarts.apache.org/) library (v. 5.4.0). This gem simplifies interface and adding few helpers to start adding charts in your app with just a few lines of code.
 
 What you can build with it:
 
-- line chart
-- area chart
-- bar chart
-- donut chart
-- pie chart
-- radar chart
-- calendar chart
-- candlestick chart
-- funnel chart
-- gauge chart
-- parallel chart
-- sankey chart
-- scatter chart
-- stacked bar chart
-- custom chart
-
-In most cases with one line of code you can have a nice chart. The idea of this gem was inspired by [Charkick](https://github.com/ankane/chartkick) gem which is great and allows you to build charts very quickly. It works best in cooperation with [groupdate](https://github.com/ankane/groupdate) gem. Unfortunatelly it's missing many needed types of charts or other customization options.
+- [area chart](#area-chart)
+- [line chart](#line-chart)
+- [bar chart](#bar-chart)
+- [donut chart](#donut-chart)
+- [pie chart](#pie-chart)
+- [radar chart](#radar-chart)
+- [calendar chart](#calendar-chart)
+- [candlestick chart](#candlestick-chart)
+- [funnel chart](#funnel-chart)
+- [gauge chart](#gauge-chart)
+- [parallel chart](#parallel-chart)
+- [sankey chart](#sankey-chart)
+- [scatter chart](#scatter-chart)
+- [stacked bar chart](#stacked-bar-chart)
+- [custom chart](#custom-chart)
+
+In most cases with one line of code you can have a nice chart. The idea of this gem was inspired by [Chartkick](https://github.com/ankane/chartkick) gem which is great and allows you to build charts very quickly. It works best in cooperation with [groupdate](https://github.com/ankane/groupdate) gem. Unfortunatelly it's missing many needed types of charts or other customization options.
 
 This implementation have more options and similar "interface" for building charts.
 
@@ -64,7 +66,7 @@ or do it manualy
 <%= line_chart User.group(:age).count %>
 ```
 
-4) customize charts if needed. See available options or [official documentation](https://echarts.apache.org/examples/en/index.html). 
+4) customize charts if needed. See available options or [official documentation](https://echarts.apache.org/examples/en/index.html).
 
 
 ### Webpack / esbuild
@@ -100,7 +102,7 @@ window.echarts = echarts;
 <%= line_chart User.group(:age).count %>
 ```
 
-4) customize charts if needed. See available options or [official documentation](https://echarts.apache.org/examples/en/index.html). 
+4) customize charts if needed. See available options or [official documentation](https://echarts.apache.org/examples/en/index.html).
 
 ### Importmaps
 
@@ -111,7 +113,7 @@ pin "echarts", to: "echarts.min.js"
 pin "echarts/theme/dark", to: "echarts/theme/dark.js"
 ```
 
-2) add eCharts in main JS 
+2) add eCharts in main JS
 
 ```javascript
 import "echarts"
@@ -123,7 +125,7 @@ import "echarts/theme/dark"
 <%= line_chart User.group(:age).count %>
 ```
 
-4) customize charts if needed. See available options or [official documentation](https://echarts.apache.org/examples/en/index.html). 
+4) customize charts if needed. See available options or [official documentation](https://echarts.apache.org/examples/en/index.html).
 
 ## Options
 
@@ -183,7 +185,7 @@ Every chart has a built in default configuration for tooltips, or other options
 ![Line Chart](docs/line_chart.png)
 
 ```ruby
-<%= line_chart User.group(:age).count, class: 'box', 
+<%= line_chart User.group(:age).count, class: 'box',
   options: {
     title: {
       text: "People count by age",
@@ -202,7 +204,7 @@ Every chart has a built in default configuration for tooltips, or other options
   class: 'box',
   theme: 'sakura',
   options: {
-    series: { 
+    series: {
       barWidth: '50%'
     },
     tooltip: {
@@ -320,18 +322,18 @@ Every chart has a built in default configuration for tooltips, or other options
 ![Donut Chart](docs/donut_chart.png)
 
 ```ruby
-<%= donut_chart User.group(:role).count, 
+<%= donut_chart User.group(:role).count,
   class: 'box',
   options: {
     legend: {
       bottom: '0'
     },
-    emphasis: { 
+    emphasis: {
       itemStyle: {
         shadowBlur: 10,
         shadowOffsetX: 0,
         shadowColor: 'rgba(0, 0, 0, 0.5)'
-      } 
+      }
     }
   }
 %>
@@ -342,7 +344,7 @@ Every chart has a built in default configuration for tooltips, or other options
 ![Pie Chart](docs/pie_chart.png)
 
 ```ruby
-<%= pie_chart User.group(:role).count, 
+<%= pie_chart User.group(:role).count,
   class: 'box',
   options: {
     legend: { orient: 'vertical', left: 'left' }
@@ -386,12 +388,12 @@ Every chart has a built in default configuration for tooltips, or other options
         source: 'HTML',
         target: 'Good',
         value: 1
-      },  
+      },
       {
         source: 'JS',
         target: 'Good',
         value: 1
-      },  
+      },
       {
         source: 'CSS',
         target: 'Good',
@@ -406,7 +408,7 @@ Every chart has a built in default configuration for tooltips, or other options
         source: 'Good',
         target: 'Backend',
         value: 1
-      },         
+      },
       {
         source: 'Good',
         target: 'Frontend',
@@ -416,7 +418,7 @@ Every chart has a built in default configuration for tooltips, or other options
         source: 'Bad',
         target: 'Backend',
         value: 1
-      },             
+      },
     ]
   }, {
     options: {
@@ -443,7 +445,7 @@ Every chart has a built in default configuration for tooltips, or other options
       },
       yAxis: {
         name: 'Sales'
-      },          
+      },
       legend: {
         data: [
           {name: 'John'},
@@ -514,3 +516,6 @@ You are welcome to contributes. Some open tasks:
 The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
 
 Gem is using https://echarts.apache.org/ to build charts.
+
+[<img src="https://github.com/igorkasyanchuk/rails_time_travel/blob/main/docs/more_gems.png?raw=true"
+/>](https://www.railsjazz.com/?utm_source=github&utm_medium=bottom&utm_campaign=rails_charts)

data/app/assets/javascripts/echarts/i18n/langUA-obj.js

@@ -0,0 +1,174 @@
+
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+(function(root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports'], factory);
+    } else if (
+        typeof exports === 'object' &&
+        typeof exports.nodeName !== 'string'
+    ) {
+        // CommonJS
+        factory(exports);
+    } else {
+        // Browser globals
+        factory({});
+    }
+})(this, function(exports) {
+
+
+/**
+ * Language: Ukrainian.
+ */
+
+var localeObj = {
+    time: {
+        month: [
+            'Січень', 'Лютий', 'Березень', 'Квітень', 'Травень', 'Червень',
+            'Липень', 'Серпень', 'Вересень', 'Жовтень', 'Листопад', 'Грудень'
+        ],
+        monthAbbr: [
+            'Січ', 'Лют', 'Бер', 'Кві', 'Тра', 'Чер',
+            'Лип', 'Сер', 'Вер', 'Жов', 'Лис', 'Гру'
+        ],
+        dayOfWeek: [
+            'Неділя', 'Понеділок', 'Вівторок', 'Середа', 'Четвер', 'П\'ятниця', 'Субота'
+        ],
+        dayOfWeekAbbr: [
+            'нд', 'пн', 'вт', 'ср', 'чт', 'пт', 'сб'
+        ]
+    },
+    legend: {
+        selector: {
+            all: 'Все',
+            inverse: 'Обернути'
+        }
+    },
+    toolbox: {
+        brush: {
+            title: {
+                rect: 'Выділити область',
+                polygon: 'Інструмент «Ласо»',
+                lineX: 'Горизонтальне виділення',
+                lineY: 'Вертикальне виділення',
+                keep: 'Залишити обране',
+                clear: 'Очистити обране'
+            }
+        },
+        dataView: {
+            title: 'Дані',
+            lang: ['Дані', 'Закрити', 'Оновити']
+        },
+        dataZoom: {
+            title: {
+                zoom: 'Збільшити',
+                back: 'Скасувати збільшення'
+            }
+        },
+        magicType: {
+            title: {
+                line: 'Переключитися на лінійний графік',
+                bar: 'Переключитися на стовпчикову діаграму',
+                stack: 'Стопка',
+                tiled: 'Плитка'
+            }
+        },
+        restore: {
+            title: 'Відновити'
+        },
+        saveAsImage: {
+            title: 'Зберегти зображення',
+            lang: ['Правий клік, щоб зберегти зображення']
+        }
+    },
+    series: {
+        typeNames: {
+            pie: 'Кругова діаграма',
+            bar: 'Стовпчикова діаграма',
+            line: 'Лінійний графік',
+            scatter: 'Точкова діаграма',
+            effectScatter: 'Точкова діаграма з хвилями',
+            radar: 'Пелюсткова діаграма',
+            tree: 'Дерево',
+            treemap: 'Пласке дерево',
+            boxplot: 'Ящик з вусами',
+            candlestick: 'Свічний графік',
+            k: 'Графік К-ліній',
+            heatmap: 'Теплова мапа',
+            map: 'Мапа',
+            parallel: 'Діаграма паралельних координат',
+            lines: 'Лінійний граф',
+            graph: 'Граф отношений',
+            sankey: 'Діаграма Санкей',
+            funnel: 'Воронкообразна діаграма',
+            gauge: 'Шкала',
+            pictorialBar: 'Стовпчик-картинка',
+            themeRiver: 'Тематична ріка',
+            sunburst: 'Сонячне проміння'
+        }
+    },
+    aria: {
+        general: {
+            withTitle: 'Це графік, що відрображує "{title}"',
+            withoutTitle: 'Це графік'
+        },
+        series: {
+            single: {
+                prefix: '',
+                withName: ' з типом {seriesType} та іменем {seriesName}.',
+                withoutName: ' з типом {seriesType}.'
+            },
+            multiple: {
+                prefix: '. Він складається з {seriesCount} серій.',
+                withName:
+                    ' Серія {seriesId} має тип {seriesType} та відображає {seriesName}.',
+                withoutName: ' Серія {seriesId} має тип {seriesType}.',
+                separator: {
+                    middle: '',
+                    end: ''
+                }
+            }
+        },
+        data: {
+            allData: 'Дані такі: ',
+            partialData: 'Перші {displayCnt} елементів: ',
+            withName: 'значення для {name} — {value}',
+            withoutName: '{value}',
+            separator: {
+                middle: ', ',
+                end: '. '
+            }
+        }
+    }
+};
+
+    for (var key in localeObj) {
+        if (localeObj.hasOwnProperty(key)) {
+            exports[key] = localeObj[key];
+        }
+    }
+        
+});

data/app/assets/javascripts/echarts/i18n/langUA.js

@@ -0,0 +1,170 @@
+
+
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+
+/**
+ * AUTO-GENERATED FILE. DO NOT MODIFY.
+ */
+(function(root, factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (
+        typeof exports === 'object' &&
+        typeof exports.nodeName !== 'string'
+    ) {
+        // CommonJS
+        factory(exports, require('echarts/lib/echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+})(this, function(exports, echarts) {
+
+
+/**
+ * Language: Ukrainian.
+ */
+
+var localeObj = {
+    time: {
+        month: [
+            'Січень', 'Лютий', 'Березень', 'Квітень', 'Травень', 'Червень',
+            'Липень', 'Серпень', 'Вересень', 'Жовтень', 'Листопад', 'Грудень'
+        ],
+        monthAbbr: [
+            'Січ', 'Лют', 'Бер', 'Кві', 'Тра', 'Чер',
+            'Лип', 'Сер', 'Вер', 'Жов', 'Лис', 'Гру'
+        ],
+        dayOfWeek: [
+            'Неділя', 'Понеділок', 'Вівторок', 'Середа', 'Четвер', 'П\'ятниця', 'Субота'
+        ],
+        dayOfWeekAbbr: [
+            'нд', 'пн', 'вт', 'ср', 'чт', 'пт', 'сб'
+        ]
+    },
+    legend: {
+        selector: {
+            all: 'Все',
+            inverse: 'Обернути'
+        }
+    },
+    toolbox: {
+        brush: {
+            title: {
+                rect: 'Выділити область',
+                polygon: 'Інструмент «Ласо»',
+                lineX: 'Горизонтальне виділення',
+                lineY: 'Вертикальне виділення',
+                keep: 'Залишити обране',
+                clear: 'Очистити обране'
+            }
+        },
+        dataView: {
+            title: 'Дані',
+            lang: ['Дані', 'Закрити', 'Оновити']
+        },
+        dataZoom: {
+            title: {
+                zoom: 'Збільшити',
+                back: 'Скасувати збільшення'
+            }
+        },
+        magicType: {
+            title: {
+                line: 'Переключитися на лінійний графік',
+                bar: 'Переключитися на стовпчикову діаграму',
+                stack: 'Стопка',
+                tiled: 'Плитка'
+            }
+        },
+        restore: {
+            title: 'Відновити'
+        },
+        saveAsImage: {
+            title: 'Зберегти зображення',
+            lang: ['Правий клік, щоб зберегти зображення']
+        }
+    },
+    series: {
+        typeNames: {
+            pie: 'Кругова діаграма',
+            bar: 'Стовпчикова діаграма',
+            line: 'Лінійний графік',
+            scatter: 'Точкова діаграма',
+            effectScatter: 'Точкова діаграма з хвилями',
+            radar: 'Пелюсткова діаграма',
+            tree: 'Дерево',
+            treemap: 'Пласке дерево',
+            boxplot: 'Ящик з вусами',
+            candlestick: 'Свічний графік',
+            k: 'Графік К-ліній',
+            heatmap: 'Теплова мапа',
+            map: 'Мапа',
+            parallel: 'Діаграма паралельних координат',
+            lines: 'Лінійний граф',
+            graph: 'Граф отношений',
+            sankey: 'Діаграма Санкей',
+            funnel: 'Воронкообразна діаграма',
+            gauge: 'Шкала',
+            pictorialBar: 'Стовпчик-картинка',
+            themeRiver: 'Тематична ріка',
+            sunburst: 'Сонячне проміння'
+        }
+    },
+    aria: {
+        general: {
+            withTitle: 'Це графік, що відрображує "{title}"',
+            withoutTitle: 'Це графік'
+        },
+        series: {
+            single: {
+                prefix: '',
+                withName: ' з типом {seriesType} та іменем {seriesName}.',
+                withoutName: ' з типом {seriesType}.'
+            },
+            multiple: {
+                prefix: '. Він складається з {seriesCount} серій.',
+                withName:
+                    ' Серія {seriesId} має тип {seriesType} та відображає {seriesName}.',
+                withoutName: ' Серія {seriesId} має тип {seriesType}.',
+                separator: {
+                    middle: '',
+                    end: ''
+                }
+            }
+        },
+        data: {
+            allData: 'Дані такі: ',
+            partialData: 'Перші {displayCnt} елементів: ',
+            withName: 'значення для {name} — {value}',
+            withoutName: '{value}',
+            separator: {
+                middle: ', ',
+                end: '. '
+            }
+        }
+    }
+};
+
+    echarts.registerLocale('UA', localeObj);
+        
+});