Closed winstonfale closed 6 years ago
<template>
<la-cartesian :bound="[0, n => n + 1000]" :data="values">
<la-line dot curve prop="pv"></la-line>
<la-line dot curve prop="uv"></la-line>
<la-line dot curve prop="amt"></la-line>
<la-x-axis font-size="20" prop="name"></la-x-axis>
<la-y-axis></la-y-axis>
<la-tooltip></la-tooltip>
</la-cartesian>
</template>
<script>
export default {
data: () => ({
values: [
{ name: 'Page A', uv: 4000, pv: 2400, amt: 2400 },
{ name: 'Page B', uv: 3000, pv: 1398, amt: 2210 },
{ name: 'Page C', uv: 2000, pv: 9800, amt: 2290 },
{ name: 'Page D', uv: 2780, pv: 3908, amt: 2000 },
{ name: 'Page E', uv: 1890, pv: 4800, amt: 1700 },
{ name: 'Page F', uv: 2390, pv: 3800, amt: 2500 },
{ name: 'Page G', uv: 3490, pv: 4300, amt: 2100 }
]
})
};
</script>
my bad. i dont see it docs sorry. and thank you so much sir :))))
This not issue but i want to point if i can adjust the size of labels at the bottom? I already override via css but nothing happen maybe its because its inside of svg.
It is possible? from what i see he is always 15px both mobile and desktop
thankss