added ga
This commit is contained in:
parent
2b1fc484b7
commit
0fdba4cd9b
|
@ -9,3 +9,4 @@
|
|||
^cran-comments\.md$
|
||||
^CRAN-RELEASE$
|
||||
^examples$
|
||||
^\.github$
|
||||
|
|
|
@ -0,0 +1 @@
|
|||
*.html
|
|
@ -0,0 +1,79 @@
|
|||
on:
|
||||
push:
|
||||
branches:
|
||||
- master
|
||||
pull_request:
|
||||
branches:
|
||||
- master
|
||||
|
||||
name: R-CMD-check
|
||||
|
||||
jobs:
|
||||
R-CMD-check:
|
||||
runs-on: ${{ matrix.config.os }}
|
||||
|
||||
name: ${{ matrix.config.os }} (${{ matrix.config.r }})
|
||||
|
||||
strategy:
|
||||
fail-fast: false
|
||||
matrix:
|
||||
config:
|
||||
- {os: windows-latest, r: '3.6'}
|
||||
- {os: macOS-latest, r: '3.6'}
|
||||
- {os: macOS-latest, r: 'devel'}
|
||||
- {os: ubuntu-16.04, r: '3.6', rspm: "https://demo.rstudiopm.com/all/__linux__/xenial/latest"}
|
||||
|
||||
env:
|
||||
R_REMOTES_NO_ERRORS_FROM_WARNINGS: true
|
||||
RSPM: ${{ matrix.config.rspm }}
|
||||
|
||||
steps:
|
||||
- uses: actions/checkout@v2
|
||||
|
||||
- uses: r-lib/actions/setup-r@master
|
||||
with:
|
||||
r-version: ${{ matrix.config.r }}
|
||||
|
||||
- uses: r-lib/actions/setup-pandoc@master
|
||||
|
||||
- name: Query dependencies
|
||||
run: |
|
||||
install.packages('remotes')
|
||||
saveRDS(remotes::dev_package_deps(dependencies = TRUE), ".github/depends.Rds", version = 2)
|
||||
shell: Rscript {0}
|
||||
|
||||
- name: Cache R packages
|
||||
if: runner.os != 'Windows'
|
||||
uses: actions/cache@v1
|
||||
with:
|
||||
path: ${{ env.R_LIBS_USER }}
|
||||
key: ${{ runner.os }}-r-${{ matrix.config.r }}-${{ hashFiles('.github/depends.Rds') }}
|
||||
restore-keys: ${{ runner.os }}-r-${{ matrix.config.r }}-
|
||||
|
||||
- name: Install system dependencies
|
||||
if: runner.os == 'Linux'
|
||||
env:
|
||||
RHUB_PLATFORM: linux-x86_64-ubuntu-gcc
|
||||
run: |
|
||||
Rscript -e "remotes::install_github('r-hub/sysreqs')"
|
||||
sysreqs=$(Rscript -e "cat(sysreqs::sysreq_commands('DESCRIPTION'))")
|
||||
sudo -s eval "$sysreqs"
|
||||
|
||||
- name: Install dependencies
|
||||
run: |
|
||||
remotes::install_deps(dependencies = TRUE)
|
||||
remotes::install_cran("rcmdcheck")
|
||||
shell: Rscript {0}
|
||||
|
||||
- name: Check
|
||||
env:
|
||||
_R_CHECK_CRAN_INCOMING_REMOTE_: false
|
||||
run: rcmdcheck::rcmdcheck(args = c("--no-manual", "--as-cran"), error_on = "warning", check_dir = "check")
|
||||
shell: Rscript {0}
|
||||
|
||||
- name: Upload check results
|
||||
if: failure()
|
||||
uses: actions/upload-artifact@master
|
||||
with:
|
||||
name: ${{ runner.os }}-r${{ matrix.config.r }}-results
|
||||
path: check
|
|
@ -0,0 +1,42 @@
|
|||
on:
|
||||
push:
|
||||
branches: master
|
||||
|
||||
name: pkgdown
|
||||
|
||||
jobs:
|
||||
pkgdown:
|
||||
runs-on: macOS-latest
|
||||
steps:
|
||||
- uses: actions/checkout@v2
|
||||
|
||||
- uses: r-lib/actions/setup-r@master
|
||||
|
||||
- uses: r-lib/actions/setup-pandoc@master
|
||||
|
||||
- name: Query dependencies
|
||||
run: |
|
||||
install.packages('remotes')
|
||||
saveRDS(remotes::dev_package_deps(dependencies = TRUE), ".github/depends.Rds", version = 2)
|
||||
shell: Rscript {0}
|
||||
|
||||
- name: Cache R packages
|
||||
uses: actions/cache@v1
|
||||
with:
|
||||
path: ${{ env.R_LIBS_USER }}
|
||||
key: macOS-r-3.6-${{ hashFiles('.github/depends.Rds') }}
|
||||
restore-keys: macOS-r-3.6-
|
||||
|
||||
- name: Install dependencies
|
||||
run: |
|
||||
install.packages("remotes")
|
||||
remotes::install_deps(dependencies = TRUE)
|
||||
remotes::install_dev("pkgdown")
|
||||
shell: Rscript {0}
|
||||
|
||||
- name: Install package
|
||||
run: R CMD INSTALL .
|
||||
|
||||
- name: Deploy package
|
||||
run: pkgdown::deploy_to_branch(new_process = FALSE)
|
||||
shell: Rscript {0}
|
|
@ -7,6 +7,7 @@
|
|||
[![cran checks](https://cranchecks.info/badges/worst/apexcharter)](https://cranchecks.info/pkgs/apexcharter)
|
||||
[![Travis build status](https://travis-ci.org/dreamRs/apexcharter.svg?branch=master)](https://travis-ci.org/dreamRs/apexcharter)
|
||||
[![Lifecycle: maturing](https://img.shields.io/badge/lifecycle-maturing-blue.svg)](https://www.tidyverse.org/lifecycle/#maturing)
|
||||
[![R build status](https://github.com/dreamRs/apexcharter/workflows/R-CMD-check/badge.svg)](https://github.com/dreamRs/apexcharter/actions)
|
||||
<!-- badges: end -->
|
||||
|
||||
|
||||
|
|
|
@ -1,759 +0,0 @@
|
|||
|
||||
/**
|
||||
* ApexCharts Options for setting the initial configuration of ApexCharts.
|
||||
**/
|
||||
|
||||
var xAxisAnnotation = {
|
||||
x: 0,
|
||||
strokeDashArray: 4,
|
||||
borderColor: '#c2c2c2',
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
label: {
|
||||
borderColor: '#c2c2c2',
|
||||
borderWidth: 1,
|
||||
text: "undefined",
|
||||
textAnchor: 'middle',
|
||||
orientation: 'vertical',
|
||||
position: 'top',
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
style: {
|
||||
background: '#fff',
|
||||
color: '#777',
|
||||
fontSize: '12px',
|
||||
cssClass: 'apexcharts-xaxis-annotation-label',
|
||||
padding: {
|
||||
left: 5,
|
||||
right: 5,
|
||||
top: 2,
|
||||
bottom: 2
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var pointAnnotation = {
|
||||
x: 0,
|
||||
y: null,
|
||||
yAxisIndex: 0,
|
||||
seriesIndex: 0,
|
||||
marker: {
|
||||
size: 0,
|
||||
fillColor: '#fff',
|
||||
strokeWidth: 2,
|
||||
strokeColor: '#333',
|
||||
shape: 'circle',
|
||||
radius: 2
|
||||
},
|
||||
label: {
|
||||
borderColor: '#c2c2c2',
|
||||
borderWidth: 1,
|
||||
text: "undefined",
|
||||
textAnchor: 'middle',
|
||||
offsetX: 0,
|
||||
offsetY: -15,
|
||||
style: {
|
||||
background: '#fff',
|
||||
color: '#777',
|
||||
fontSize: '12px',
|
||||
cssClass: 'apexcharts-point-annotation-label',
|
||||
padding: {
|
||||
left: 5,
|
||||
right: 5,
|
||||
top: 0,
|
||||
bottom: 2
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var yAxisAnnotation = {
|
||||
y: 0,
|
||||
strokeDashArray: 4,
|
||||
borderColor: '#c2c2c2',
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
yAxisIndex: 0,
|
||||
label: {
|
||||
borderColor: '#c2c2c2',
|
||||
borderWidth: 1,
|
||||
text: "undefined",
|
||||
textAnchor: 'end',
|
||||
position: 'right',
|
||||
offsetX: 0,
|
||||
offsetY: -3,
|
||||
style: {
|
||||
background: '#fff',
|
||||
color: '#777',
|
||||
fontSize: '12px',
|
||||
cssClass: 'apexcharts-yaxis-annotation-label',
|
||||
padding: {
|
||||
left: 5,
|
||||
right: 5,
|
||||
top: 0,
|
||||
bottom: 2
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var yAxis = {
|
||||
opposite: false,
|
||||
tickAmount: 6,
|
||||
max: "undefined",
|
||||
min: "undefined",
|
||||
floating: false,
|
||||
labels: {
|
||||
show: true,
|
||||
maxWidth: 160,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
style: {
|
||||
colors: [],
|
||||
fontSize: '12px',
|
||||
cssClass: 'apexcharts-yaxis-label'
|
||||
},
|
||||
formatter: function (val) {
|
||||
if (typeof val === 'number') {
|
||||
return val ? val.toFixed(0) : val
|
||||
}
|
||||
return val
|
||||
}
|
||||
},
|
||||
axisBorder: {
|
||||
show: false,
|
||||
color: '#78909C',
|
||||
offsetX: 0,
|
||||
offsetY: 0
|
||||
},
|
||||
axisTicks: {
|
||||
show: false,
|
||||
color: '#78909C',
|
||||
width: 6,
|
||||
offsetX: 0,
|
||||
offsetY: 0
|
||||
},
|
||||
title: {
|
||||
text: "undefined",
|
||||
rotate: -90,
|
||||
offsetY: 0,
|
||||
offsetX: 0,
|
||||
style: {
|
||||
color: "undefined",
|
||||
fontSize: '12px',
|
||||
cssClass: 'apexcharts-yaxis-title'
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
enabled: false,
|
||||
offsetX: 0
|
||||
},
|
||||
crosshairs: {
|
||||
show: true,
|
||||
position: 'front',
|
||||
stroke: {
|
||||
color: '#b6b6b6',
|
||||
width: 1,
|
||||
dashArray: 0
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
var Options = {
|
||||
//init () {
|
||||
// return {
|
||||
annotations: {
|
||||
position: 'front',
|
||||
yaxis: [yAxisAnnotation],
|
||||
xaxis: [xAxisAnnotation],
|
||||
points: [pointAnnotation]
|
||||
},
|
||||
chart: {
|
||||
animations: {
|
||||
enabled: true,
|
||||
easing: 'easeinout', // linear, easeout, easein, easeinout
|
||||
speed: 800,
|
||||
animateGradually: {
|
||||
delay: 150,
|
||||
enabled: true
|
||||
},
|
||||
dynamicAnimation: {
|
||||
enabled: true,
|
||||
speed: 350
|
||||
}
|
||||
},
|
||||
background: 'transparent',
|
||||
foreColor: '#373d3f',
|
||||
dropShadow: {
|
||||
enabled: false,
|
||||
enabledSeries: "undefined",
|
||||
top: 2,
|
||||
left: 2,
|
||||
blur: 4,
|
||||
opacity: 0.35
|
||||
},
|
||||
events: {
|
||||
beforeMount: "undefined",
|
||||
mounted: "undefined",
|
||||
updated: "undefined",
|
||||
clicked: "undefined",
|
||||
selection: "undefined",
|
||||
dataPointSelection: "undefined",
|
||||
zoomed: "undefined",
|
||||
scrolled: "undefined"
|
||||
},
|
||||
height: 'auto',
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
scroller: {
|
||||
enabled: false,
|
||||
height: 30,
|
||||
track: {
|
||||
height: 2,
|
||||
background: '#e0e0e0'
|
||||
},
|
||||
thumb: {
|
||||
height: 2,
|
||||
background: '#008FFB'
|
||||
},
|
||||
scrollButtons: {
|
||||
enabled: true,
|
||||
size: 6,
|
||||
borderWidth: 2,
|
||||
borderColor: '#c3c3c3',
|
||||
fillColor: '#fff'
|
||||
},
|
||||
padding: {
|
||||
left: 10,
|
||||
right: 10
|
||||
},
|
||||
offsetX: 0,
|
||||
offsetY: 0
|
||||
},
|
||||
selection: {
|
||||
enabled: true,
|
||||
type: 'x',
|
||||
selectedPoints: "undefined",
|
||||
fill: {
|
||||
color: '#24292e',
|
||||
opacity: 0.1
|
||||
},
|
||||
stroke: {
|
||||
width: 1,
|
||||
color: '#24292e',
|
||||
opacity: 0.4,
|
||||
dashArray: 3
|
||||
},
|
||||
xaxis: {
|
||||
min: "undefined",
|
||||
max: "undefined"
|
||||
},
|
||||
yaxis: {
|
||||
min: "undefined",
|
||||
max: "undefined"
|
||||
}
|
||||
},
|
||||
sparkline: {
|
||||
enabled: false
|
||||
},
|
||||
stacked: false,
|
||||
stackType: 'normal',
|
||||
toolbar: {
|
||||
show: true,
|
||||
tools: {
|
||||
download: true,
|
||||
selection: true,
|
||||
zoom: true,
|
||||
zoomin: true,
|
||||
zoomout: true,
|
||||
pan: true,
|
||||
reset: true
|
||||
}
|
||||
},
|
||||
type: 'line',
|
||||
width: '100%',
|
||||
zoom: {
|
||||
enabled: true,
|
||||
type: 'x',
|
||||
zoomedArea: {
|
||||
fill: {
|
||||
color: '#90CAF9',
|
||||
opacity: 0.4
|
||||
},
|
||||
stroke: {
|
||||
color: '#0D47A1',
|
||||
opacity: 0.4,
|
||||
width: 1
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
plotOptions: {
|
||||
bar: {
|
||||
horizontal: false,
|
||||
endingShape: 'flat',
|
||||
columnWidth: '70%', // should be in percent 0 - 100
|
||||
barHeight: '70%', // should be in percent 0 - 100
|
||||
distributed: false,
|
||||
colors: {
|
||||
ranges: [],
|
||||
backgroundBarColors: [],
|
||||
backgroundBarOpacity: 1
|
||||
},
|
||||
dataLabels: {
|
||||
position: 'top' // top, center, bottom
|
||||
}
|
||||
// stackedLabels: true
|
||||
},
|
||||
heatmap: {
|
||||
radius: 2,
|
||||
enableShades: true,
|
||||
shadeIntensity: 0.5,
|
||||
colorScale: {
|
||||
ranges: []
|
||||
}
|
||||
},
|
||||
radialBar: {
|
||||
size: "undefined",
|
||||
inverseOrder: false,
|
||||
startAngle: 0,
|
||||
endAngle: 360,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
hollow: {
|
||||
margin: 5,
|
||||
size: '50%',
|
||||
background: 'transparent',
|
||||
image: "undefined",
|
||||
imageWidth: 150,
|
||||
imageHeight: 150,
|
||||
imageOffsetX: 0,
|
||||
imageOffsetY: 0,
|
||||
imageClipped: true,
|
||||
position: 'front',
|
||||
dropShadow: {
|
||||
enabled: false,
|
||||
top: 0,
|
||||
left: 0,
|
||||
blur: 3,
|
||||
opacity: 0.5
|
||||
}
|
||||
},
|
||||
track: {
|
||||
show: true,
|
||||
startAngle: "undefined",
|
||||
endAngle: "undefined",
|
||||
background: '#f2f2f2',
|
||||
strokeWidth: '97%',
|
||||
opacity: 1,
|
||||
margin: 5, // margin is in pixels
|
||||
dropShadow: {
|
||||
enabled: false,
|
||||
top: 0,
|
||||
left: 0,
|
||||
blur: 3,
|
||||
opacity: 0.5
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
showOn: 'always', // hover/always
|
||||
name: {
|
||||
show: true,
|
||||
fontSize: '22px',
|
||||
color: "undefined",
|
||||
offsetY: -10
|
||||
},
|
||||
value: {
|
||||
show: true,
|
||||
fontSize: '16px',
|
||||
color: "undefined",
|
||||
offsetY: 16,
|
||||
formatter: function (val) {
|
||||
return val + '%'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
pie: {
|
||||
size: "undefined",
|
||||
donut: {
|
||||
size: '65%',
|
||||
background: 'transparent'
|
||||
// TODO: draw labels in donut area
|
||||
// labels: {
|
||||
// showOn: 'hover',
|
||||
// name: {
|
||||
// show: false,
|
||||
// fontSize: '22px',
|
||||
// color: "undefined",
|
||||
// offsetY: -10
|
||||
// },
|
||||
// value: {
|
||||
// show: true,
|
||||
// offsetY: 16,
|
||||
// fontSize: '16px',
|
||||
// color: "undefined",
|
||||
// formatter: function (val) {
|
||||
// return val + '%'
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
},
|
||||
customScale: 0,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
dataLabels: {
|
||||
offset: 0 // offset by which labels will move outside
|
||||
}
|
||||
}
|
||||
},
|
||||
colors: "undefined",
|
||||
dataLabels: {
|
||||
enabled: true,
|
||||
formatter: function (val) {
|
||||
return val
|
||||
},
|
||||
textAnchor: 'middle',
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
style: {
|
||||
fontSize: '14px',
|
||||
colors: "undefined"
|
||||
},
|
||||
dropShadow: {
|
||||
enabled: false,
|
||||
top: 1,
|
||||
left: 1,
|
||||
blur: 1,
|
||||
opacity: 0.45
|
||||
}
|
||||
},
|
||||
fill: {
|
||||
type: 'solid',
|
||||
colors: "undefined", // array of colors,
|
||||
opacity: 0.9,
|
||||
gradient: {
|
||||
shade: 'dark',
|
||||
type: 'horizontal',
|
||||
shadeIntensity: 0.5,
|
||||
gradientToColors: "undefined",
|
||||
inverseColors: true,
|
||||
opacityFrom: 1,
|
||||
opacityTo: 1,
|
||||
stops: [0, 50, 100]
|
||||
},
|
||||
image: {
|
||||
src: [],
|
||||
width: "undefined", // optional
|
||||
height: "undefined" // optional
|
||||
},
|
||||
pattern: {
|
||||
style: 'sqaures', // string or array of strings
|
||||
width: 6,
|
||||
height: 6,
|
||||
strokeWidth: 2
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
show: true,
|
||||
borderColor: '#e0e0e0',
|
||||
strokeDashArray: 0,
|
||||
position: 'back',
|
||||
xaxis: {
|
||||
lines: {
|
||||
show: false,
|
||||
animate: false
|
||||
}
|
||||
},
|
||||
yaxis: {
|
||||
lines: {
|
||||
show: true,
|
||||
animate: true
|
||||
}
|
||||
},
|
||||
row: {
|
||||
colors: "undefined", // takes as array which will be repeated on rows
|
||||
opacity: 0.5
|
||||
},
|
||||
column: {
|
||||
colors: "undefined", // takes an array which will be repeated on columns
|
||||
opacity: 0.5
|
||||
},
|
||||
padding: {
|
||||
top: 0,
|
||||
right: 10,
|
||||
bottom: 0,
|
||||
left: 10
|
||||
}
|
||||
},
|
||||
labels: [],
|
||||
legend: {
|
||||
show: true,
|
||||
floating: false,
|
||||
position: 'bottom', // whether to position legends in 1 of 4
|
||||
// direction - top, bottom, left, right
|
||||
horizontalAlign: 'center', // when position top/bottom, you can
|
||||
// specify whether to align legends
|
||||
// left, right or center
|
||||
verticalAlign: 'middle',
|
||||
fontSize: '14px',
|
||||
textAnchor: 'start',
|
||||
offsetY: 0,
|
||||
offsetX: 0,
|
||||
formatter: "undefined",
|
||||
labels: {
|
||||
color: "undefined",
|
||||
useSeriesColors: false
|
||||
},
|
||||
markers: {
|
||||
size: 6,
|
||||
strokeWidth: 0,
|
||||
strokeColor: '#fff',
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
shape: 'circle',
|
||||
radius: 2
|
||||
},
|
||||
itemMargin: {
|
||||
horizontal: 20,
|
||||
vertical: 5
|
||||
},
|
||||
containerMargin: {
|
||||
left: 5,
|
||||
top: 4,
|
||||
right: 0,
|
||||
bottom: 0
|
||||
},
|
||||
onItemClick: {
|
||||
toggleDataSeries: true
|
||||
},
|
||||
onItemHover: {
|
||||
highlightDataSeries: true
|
||||
}
|
||||
},
|
||||
markers: {
|
||||
discrete: [],
|
||||
size: 0,
|
||||
colors: "undefined",
|
||||
strokeColor: '#fff',
|
||||
strokeWidth: 2,
|
||||
strokeOpacity: 0.9,
|
||||
fillOpacity: 1,
|
||||
shape: 'circle',
|
||||
radius: 2,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
hover: {
|
||||
size: 6
|
||||
}
|
||||
},
|
||||
noData: {
|
||||
text: "undefined",
|
||||
align: 'center',
|
||||
verticalAlign: 'middle',
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
style: {
|
||||
color: '#888',
|
||||
fontSize: '16px'
|
||||
}
|
||||
},
|
||||
responsive: [], // breakpoints should follow ascending order 400, then 700, then 1000
|
||||
series: "undefined",
|
||||
states: {
|
||||
normal: {
|
||||
filter: {
|
||||
type: 'none',
|
||||
value: 0
|
||||
}
|
||||
},
|
||||
hover: {
|
||||
filter: {
|
||||
type: 'lighten',
|
||||
value: 0.15
|
||||
}
|
||||
},
|
||||
active: {
|
||||
allowMultipleDataPointsSelection: false,
|
||||
filter: {
|
||||
type: 'darken',
|
||||
value: 0.35
|
||||
}
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: "undefined",
|
||||
align: 'left',
|
||||
margin: 10,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
floating: false,
|
||||
style: {
|
||||
fontSize: '16px',
|
||||
color: '#263238'
|
||||
}
|
||||
},
|
||||
subtitle: {
|
||||
text: "undefined",
|
||||
align: 'left',
|
||||
margin: 10,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
floating: false,
|
||||
style: {
|
||||
fontSize: '14px',
|
||||
color: '#9699a2'
|
||||
}
|
||||
},
|
||||
stroke: {
|
||||
show: true,
|
||||
curve: 'smooth', // "smooth" or "straight"
|
||||
lineCap: 'butt', // round, butt , square
|
||||
width: 2,
|
||||
colors: "undefined", // array of colors
|
||||
dashArray: 0 // single value or array of values
|
||||
},
|
||||
tooltip: {
|
||||
enabled: true,
|
||||
shared: true,
|
||||
followCursor: false, // when disabled, the tooltip will show on top of the series instead of mouse position
|
||||
intersect: false, // when enabled, tooltip will only show when user directly hovers over point
|
||||
inverseOrder: false,
|
||||
custom: "undefined",
|
||||
fillSeriesColor: false,
|
||||
onDatasetHover: {
|
||||
highlightDataSeries: false
|
||||
},
|
||||
theme: 'light',
|
||||
x: { // x value
|
||||
show: true,
|
||||
format: 'dd MMM', // dd/MM, dd MMM yy, dd MMM yyyy
|
||||
formatter: "undefined" // a custom user supplied formatter function
|
||||
},
|
||||
y: {
|
||||
formatter: "undefined",
|
||||
title: {
|
||||
formatter: function (seriesName) {
|
||||
return seriesName
|
||||
}
|
||||
}
|
||||
},
|
||||
z: {
|
||||
formatter: "undefined",
|
||||
title: 'Size: '
|
||||
},
|
||||
marker: {
|
||||
show: true
|
||||
},
|
||||
items: {
|
||||
display: 'flex'
|
||||
},
|
||||
fixed: {
|
||||
enabled: false,
|
||||
position: 'topRight', // topRight, topLeft, bottomRight, bottomLeft
|
||||
offsetX: -100,
|
||||
offsetY: 0
|
||||
}
|
||||
},
|
||||
xaxis: {
|
||||
type: 'category',
|
||||
categories: [],
|
||||
labels: {
|
||||
show: true,
|
||||
rotate: -45,
|
||||
rotateAlways: false,
|
||||
trim: true,
|
||||
maxHeight: 120,
|
||||
style: {
|
||||
colors: [],
|
||||
fontSize: '12px',
|
||||
cssClass: 'apexcharts-xaxis-label'
|
||||
},
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
format: "undefined",
|
||||
formatter: "undefined", // custom formatter function which will override format
|
||||
datetimeFormatter: {
|
||||
year: 'yyyy',
|
||||
month: 'MMM \'yy',
|
||||
day: 'dd MMM',
|
||||
hour: 'HH:mm'
|
||||
}
|
||||
},
|
||||
axisBorder: {
|
||||
show: true,
|
||||
color: '#78909C',
|
||||
offsetX: 0,
|
||||
offsetY: 0
|
||||
},
|
||||
axisTicks: {
|
||||
show: true,
|
||||
color: '#78909C',
|
||||
height: 6,
|
||||
offsetX: 0,
|
||||
offsetY: 0
|
||||
},
|
||||
tickAmount: "undefined",
|
||||
min: "undefined",
|
||||
max: "undefined",
|
||||
range: "undefined",
|
||||
floating: false,
|
||||
position: 'bottom',
|
||||
title: {
|
||||
text: "undefined",
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
style: {
|
||||
color: "undefined",
|
||||
fontSize: '12px',
|
||||
cssClass: 'apexcharts-xaxis-title'
|
||||
}
|
||||
},
|
||||
crosshairs: {
|
||||
show: true,
|
||||
width: 1, // tickWidth/barWidth or an integer
|
||||
position: 'back',
|
||||
opacity: 0.9,
|
||||
stroke: {
|
||||
color: '#b6b6b6',
|
||||
width: 0,
|
||||
dashArray: 0
|
||||
},
|
||||
fill: {
|
||||
type: 'solid', // solid, gradient
|
||||
color: '#B1B9C4',
|
||||
gradient: {
|
||||
colorFrom: '#D8E3F0',
|
||||
colorTo: '#BED1E6',
|
||||
stops: [0, 100],
|
||||
opacityFrom: 0.4,
|
||||
opacityTo: 0.5
|
||||
}
|
||||
},
|
||||
dropShadow: {
|
||||
enabled: false,
|
||||
left: 0,
|
||||
top: 0,
|
||||
blur: 1,
|
||||
opacity: 0.4
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
enabled: true,
|
||||
offsetY: 0
|
||||
}
|
||||
},
|
||||
yaxis: yAxis,
|
||||
theme: {
|
||||
palette: 'palette1', // If defined, it will overwrite config.colors variable
|
||||
monochrome: { // monochrome allows you to select just 1 color and fill out the rest with light/dark shade (intensity can be selected)
|
||||
enabled: false,
|
||||
color: '#008FFB',
|
||||
shadeTo: 'light',
|
||||
shadeIntensity: 0.65
|
||||
}
|
||||
}
|
||||
// }
|
||||
//}
|
||||
}
|
Loading…
Reference in New Issue