Chart docs
parent
ef47f67a52
commit
c08ef854a4
|
@ -1,6 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="content-section documentation">
|
<div class="content-section documentation">
|
||||||
<h3>Import</h3>
|
<h3>Getting Started</h3>
|
||||||
|
<p>To begin with, charts.js package needs to be installed in your project.</p>
|
||||||
|
<CodeHighlight lang="javascript">
|
||||||
|
npm install chart.js --save
|
||||||
|
</CodeHighlight>
|
||||||
|
|
||||||
|
<h3 style="margin-top: 0">Import</h3>
|
||||||
<CodeHighlight lang="javascript">
|
<CodeHighlight lang="javascript">
|
||||||
import Chart from 'primevue/chart';
|
import Chart from 'primevue/chart';
|
||||||
</CodeHighlight>
|
</CodeHighlight>
|
||||||
|
@ -56,7 +62,8 @@ options: {
|
||||||
display: true,
|
display: true,
|
||||||
position: 'left',
|
position: 'left',
|
||||||
id: 'y-axis-1',
|
id: 'y-axis-1',
|
||||||
}, {
|
},
|
||||||
|
{
|
||||||
type: 'linear',
|
type: 'linear',
|
||||||
display: true,
|
display: true,
|
||||||
position: 'right',
|
position: 'right',
|
||||||
|
@ -64,7 +71,8 @@ options: {
|
||||||
gridLines: {
|
gridLines: {
|
||||||
drawOnChartArea: false
|
drawOnChartArea: false
|
||||||
}
|
}
|
||||||
}]
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</CodeHighlight>
|
</CodeHighlight>
|
||||||
|
|
Loading…
Reference in New Issue