prostoandrei's public fiddles
-
y2sczow7
No-Library (pure JS), HTML, CSS, JavaScript
-
Line With Changing Color
<h2>Alternating line color via data</h2> amCharts 4 brings a powerful concept - property fields, which allows binding any property of the Line series segment to values in data. Once a property, say a color, is overridden via data, the Line series remembers it and continues coloring subsequent segments in the same color. [amcharts2_button href="https://www.amcharts.com/docs/v4/concepts/data/#Property_fields"]More about property fields[/amcharts2_button]
-
Layered Column Chart
In some scenarios, showing multiple column series side-by-side (clustered) is the best and most "standard" way to display multiple column series. However, when each series has equal and fairly limited number of items, layering series on top of each other presents a much more impactful visualization. To achieve that with amCharts 4, you just disable clustering on each series (<code>series.clustered = false</code>) and then make columns in one of them wider (or narrower) than the other (<code>series2.columns.template.width = am4core.percent(50)</code>).
-
Stacked Column Chart
Stacked bar charts are useful to demonstrate how a larger data category is comprised of smaller categories, and what part each of the smaller categories plays in the total of a larger one.
-
Simple Column Chart
If you take a close look at this chart, you will notice that grid lines are above the columns - equally dividing them into segments. This is an optional feature, of course. It allows you creating the charts close to the ones described by famous data visualization guru, <a href="http://www.edwardtufte.com/">Edward Tufte</a>, in his book "The Visual Display of Quantitative Information". <h2>From columns to bars - one simple step</h2> Click EDIT button on top of the chart, and add this text to the source (anywhere within curly brackets): <strong>"rotate":true,</strong>. Run the script and... The columns should became bars, category axis should be vertical now and value axis - horizontal! This is the only property you change to make this trick. All our Serial charts can be rotated in the same way.
-
Zoomable with overflow problem
No-Library (pure JS), HTML, CSS, JavaScript
-
uoe9q2so
No-Library (pure JS), HTML, CSS, JavaScript
-
9nLks55y
No-Library (pure JS), HTML, CSS, JavaScript
-
2way data binding
2way data binding PlainJS
-
"Public&private" properties in JS
Private&public поля в JS
-
Function of creating namespaces
Создаем пространства имен с помощью функций.
-
"Object container" namespace patter
Описывается создание пространства имен через объекты контейнеры.
-
Каррование
Не забыть написаоть про карирование.
-
Objects with parametrs pattern
Объекты с параметрами.
-
Memoricatoin pattern. Cache.
Меморизация. Кеширование. Использование возможности функций иметь свойства.
-
Allocation of branches pattern
Шаблон выделения ветвей на этапе инициализации.
-
Immediately invoked function (IIF)
Немедленно вызываемые функции их использование
-
Immediately invoked objects
Шаблон немедленной инициалищации объектов. Я пока хз,где его использовать.
-
selfDefFunction
Самоопределяемые функции. Шаблон "отложенного определения". Позволяет единожды проинилизировать функции при вызове. При последующих вызовых переиницилизации не произойдет.
-
fucntion\Return
Пример описывает возможность функций возвращать функции в качестве значений.