Utilizing the resource available at https://www.npmjs.com/package/vue-google-charts
The title is not being displayed on the chart. Is there a way to show it either above or below the chart?
I attempted adding "display=true" with the option "title" and formatting it in single and double quotes.
<template>
<div class="container">
<GChart
:settings="{packages: ['bar']}"
type="LineChart"
:data="chartData"
:options="chartOptions"
style="width: 900px; height: 500px;"
/>
<GChart
type="ColumnChart"
:data="chartData"
:options="chartOptions"
/>
</div>
</template>
<script>
import VueGoogleCharts from 'vue-google-charts'
export default {
data () {
return {
// Array will be automatically processed with visualization.arrayToDataTable function
chartData: [
['Year', 'Sales', 'Expenses', 'Profit'],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350],
['2018', 2000, 1, 1]
],
chartOptions:{
chart: {
title: 'Company Performance',
subtitle: 'Sales, Expenses, and Profit: 2014-2017',
}
}
}
}
}
</script>
I aim to have the titles "Company Performance" and "Sales, Expenses, and Profit: 2014-2017" appear on the chart (either above or below it).