Marker style

This commit is contained in:
Claudio Maggioni 2023-05-29 16:35:27 +02:00
parent 34d7955870
commit 636cc119e6
5 changed files with 108 additions and 109 deletions

View file

@ -1,5 +1,5 @@
<template> <template>
<v-card color="blue-grey-lighten-4"> <v-card variant="outlined">
<v-card-item> <v-card-item>
<v-card-title>Balance sheet</v-card-title> <v-card-title>Balance sheet</v-card-title>
</v-card-item> </v-card-item>

View file

@ -1,5 +1,5 @@
<template> <template>
<v-card color="blue-grey-lighten-4"> <v-card variant="outlined">
<v-card-item> <v-card-item>
<v-card-title>Employees over time</v-card-title> <v-card-title>Employees over time</v-card-title>
</v-card-item> </v-card-item>

View file

@ -1,5 +1,5 @@
<template> <template>
<v-card color="blue-grey-lighten-4"> <v-card variant="outlined">
<v-card-item> <v-card-item>
<v-card-title>Earnings per Share (EPS)</v-card-title> <v-card-title>Earnings per Share (EPS)</v-card-title>
</v-card-item> </v-card-item>

View file

@ -1,7 +1,5 @@
<template> <template>
<v-row> <v-card variant="outlined">
<v-col cols="12">
<v-card>
<v-card-item> <v-card-item>
<v-card-title>Past Performance</v-card-title> <v-card-title>Past Performance</v-card-title>
</v-card-item> </v-card-item>
@ -10,8 +8,6 @@
<ag-charts-vue class="chart" v-else :options="options" /> <ag-charts-vue class="chart" v-else :options="options" />
</v-card-text> </v-card-text>
</v-card> </v-card>
</v-col>
</v-row>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -48,8 +44,11 @@
type: 'line', type: 'line',
yKey: t, yKey: t,
yName: t, yName: t,
fill: getTickerColor(t),
stroke: getTickerColor(t), stroke: getTickerColor(t),
marker: {
fill: getTickerColor(t),
stroke: getTickerColor(t)
},
tooltip: { renderer: renderer }, tooltip: { renderer: renderer },
highlightStyle: { highlightStyle: {
item: { fillOpacity: 0 }, item: { fillOpacity: 0 },

View file

@ -1,5 +1,5 @@
<template> <template>
<v-card color="blue-grey-lighten-4"> <v-card variant="outlined">
<v-card-item> <v-card-item>
<v-card-title>Stock price over time</v-card-title> <v-card-title>Stock price over time</v-card-title>
</v-card-item> </v-card-item>