dan/nollup-apexcharts-bug
1
0
Fork 0
mirror of https://github.com/danbulant/nollup-apexcharts-bug synced 2026-05-19 04:18:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

example data

Browse source
This commit is contained in:
Daniel Bulant 2021-08-27 19:32:27 +02:00
parent 73f8c00f95
commit 1b60aa7d84
1 changed files with 52 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
src/pages/index.svelte
View file

@ -1,10 +1,56 @@
<script>
import { metatags } from '@roxi/routify'
import { chart } from "../chart";
metatags.title = 'My Routify app'
metatags.description = 'Description coming soon...'
import { metatags } from "@roxi/routify";
import { chart } from "../chart";
metatags.title = "My Routify app";
metatags.description = "Description coming soon...";
var opts = {};
var opts = {
series: [
{
data: [21, 22, 10, 28, 16, 21, 13, 30],
},
],
chart: {
height: 350,
type: "bar",
events: {
click: function (chart, w, e) {
// console.log(chart, w, e)
},
},
},
colors: colors,
plotOptions: {
bar: {
columnWidth: "45%",
distributed: true,
},
},
dataLabels: {
enabled: false,
},
legend: {
show: false,
},
xaxis: {
categories: [
["John", "Doe"],
["Joe", "Smith"],
["Jake", "Williams"],
"Amber",
["Peter", "Brown"],
["Mary", "Evans"],
["David", "Wilson"],
["Lily", "Roberts"],
],
labels: {
style: {
colors: colors,
fontSize: "12px",
},
},
},
};
</script>
<div use:chart={opts} />
<div use:chart={opts} />