<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://wiki.kalen.pw/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://wiki.kalen.pw/feed.php">
        <title>wiki.kalen.pw development:javascript:vue</title>
        <description></description>
        <link>https://wiki.kalen.pw/</link>
        <image rdf:resource="https://wiki.kalen.pw/lib/tpl/SimpleDoku/images/favicon.ico" />
       <dc:date>2026-05-04T20:38:35+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://wiki.kalen.pw/doku.php?id=development:javascript:vue:apexcharts&amp;rev=1625694048&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://wiki.kalen.pw/lib/tpl/SimpleDoku/images/favicon.ico">
        <title>wiki.kalen.pw</title>
        <link>https://wiki.kalen.pw/</link>
        <url>https://wiki.kalen.pw/lib/tpl/SimpleDoku/images/favicon.ico</url>
    </image>
    <item rdf:about="https://wiki.kalen.pw/doku.php?id=development:javascript:vue:apexcharts&amp;rev=1625694048&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2021-07-07T14:40:48+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>Apex Charts</title>
        <link>https://wiki.kalen.pw/doku.php?id=development:javascript:vue:apexcharts&amp;rev=1625694048&amp;do=diff</link>
        <description>Apex Charts

----------

Installation


npm install --save apexcharts
npm install --save vue3-apexcharts


In main.js


import VueApexCharts from &quot;vue3-apexcharts&quot;;

createApp(App).use(VueApexCharts).mount('#app')


----------

Example


&lt;template&gt;
  &lt;div&gt;
    &lt;apexchart
      width=&quot;500&quot;
      type=&quot;bar&quot;
      :options=&quot;options&quot;
      :series=&quot;series&quot;
    &gt;&lt;/apexchart&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
export default {
  name: &quot;HelloWorld&quot;,
  data: function () {
    return {
      options: {
     …</description>
    </item>
</rdf:RDF>
