Vue component that represents a wijmo.chart.finance.analytics.ATR in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.BollingerBands in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.CCI in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.Envelopes in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.Fibonacci in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.FibonacciArcs in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.FibonacciFans in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.FibonacciTimeZones in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.Macd in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.MacdHistogram in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.RSI in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.Stochastic in a wijmo.vue2.chart.finance.WjFinancialChart.
Vue component that represents a wijmo.chart.finance.analytics.WilliamsR in a wijmo.vue2.chart.finance.WjFinancialChart.
Wijmo interop module for Vue 2.
This module provides Vue 2 components that encapsulate Wijmo controls.
To use it, your application must include references to the Vue 2 framework (RC6 or later), as well as the regular Wijmo CSS and js files.
To add Wijmo controls to Vue pages, include the appropriate tags in your HTML files. For example, the code below adds an InputNumber control to a Vue page:
<wj-input-number format="c2" placeholder="Sales" :value="sales" :value-changed="salesChanged" :min="0" :max="10000" :step="100" :is-required="false"> </wj-input-number>
// Wijmo event handler // update "sales" value to match the InputNumber value function salesChanged(sender, eventArgs) { this.sales = sender.value; }
The example illustrates the following important points:
:min="0"
).:value-changed="salesChanged"
).All Wijmo Vue components include an "initialized" event that is raised after the control has been added to the page and initialized. You can use this event to perform additional initialization in addition to setting properties in markup. For example: