rails_charts 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 460115967715c86a598bf125d23580fc781154445e4a7752623579868009c409
-  data.tar.gz: 63f5815f0c51083b58fc1036c668b51b7a770f47b09f2734ec90b0e6a31fce94
+  metadata.gz: f624c9ad155015b47d5bb2f4e7ede4253c9c56cbcc872cb03279f5be9210b427
+  data.tar.gz: e1bca3b0812cadf060220514186764188742e6f6d8d87b2ac9db07325c32eb10
 SHA512:
-  metadata.gz: af2ddf1ae9553126c82522db0f37d81da9856d029b1fb8f4be8afeaa609a250a15cb2aebd4e7b8fe7a3f66ccfbbff95d6b02476caed0a898fa887450d6a00074
-  data.tar.gz: b0336548ae63cfd514029cd8bc186208981865369c6a68ea99c4aab062a5bfa8743ca7ed33e4590a916e049bbbb8a3bf4719e7221621e171cf60b6e277865f51
+  metadata.gz: c0e5933e814a589621025f45d169417a8aeaa8da44cb2c00bbcde2175f5c24ff38ebc15f5fc464b203c3c13ca0e52e724ca8e7264e26cdc8bc5784981d01d557
+  data.tar.gz: 18e131a0526afc482ec562a5f283f2b6f81fa93ed6b59320594f7ac6094fd862ca22be2bdb29d0f7f466ba6c9a1581c3bd2b238d9609d8abb08aa709dc089ed6

data/README.md

@@ -6,27 +6,27 @@
 
 One more gem to build nice charts for your Ruby on Rails application.
 
-With it you can build various types of charts [Apache eCharts](https://echarts.apache.org/) 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.
 
@@ -66,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
@@ -102,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
 
@@ -113,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"
@@ -125,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
 
@@ -185,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",
@@ -204,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: {
@@ -322,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)'
-      } 
+      }
     }
   }
 %>
@@ -344,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' }
@@ -388,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',
@@ -408,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',
@@ -418,7 +418,7 @@ Every chart has a built in default configuration for tooltips, or other options
         source: 'Bad',
         target: 'Backend',
         value: 1
-      },             
+      },
     ]
   }, {
     options: {
@@ -445,7 +445,7 @@ Every chart has a built in default configuration for tooltips, or other options
       },
       yAxis: {
         name: 'Sales'
-      },          
+      },
       legend: {
         data: [
           {name: 'John'},
@@ -516,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);
+        
+});