charts icon indicating copy to clipboard operation
charts copied to clipboard

customization options improvement

Open brocorp-dev opened this issue 5 years ago • 6 comments

Expected Behaviour

image

Actual Behaviour

image

customization improvements:

Hi guys,

I discovered Frappe Charts few days ago and it seems a serious alternative to another charts librairies like D3.js, Apexcharts, ChartJS, etc...

However, due to fewer customization options, it's not possible actually to create a sparkline-like charts with Frappe Charts.

Do you think if we'll can in a near future create charts like in 'Expected Behaviour", with

  • no extra-padding,
  • no labels for X and Y axis
  • a way to provide more options for annotations, like line color and more stylable text (background, font-size, color, padding, margin)?

Thanks for your work, your team rocks!

Frappé Charts version: 1.3.2

brocorp-dev avatar May 08 '20 12:05 brocorp-dev

it's not possible actually to create a sparkline-like charts with Frappe Charts.

Hey, I am working towards version 2 for frappe charts. It'll be more customizable. And sure you can have more cleaner charts with lesser elements

scmmishra avatar Jun 26 '20 10:06 scmmishra

any news on this @scmmishra ? I'd love to be able to customise padding.

jesper-bylund avatar Feb 22 '21 09:02 jesper-bylund

is this implemented now? I really want to add Sparklines

quiquelhappy avatar Jul 24 '22 10:07 quiquelhappy

I got decent results with

.chart-legend,
.line-vertical,
text,
.graph-svg-tip.comparison,
.y.axis {
    width: 0px;
    height: 0px;
    visibility: hidden;
}

.chart-container{
    transform: scale(1.18) translateX(-1.2%);
}

but I'd love to see this available as a setting

quiquelhappy avatar Jul 24 '22 10:07 quiquelhappy

@brocorp-dev Sorry for commenting on an older post, but how did you implement a smooth curve. I have tried my best to achieve it but all I get is this

image

yashkc2025 avatar Jul 05 '23 11:07 yashkc2025

@yashkc2025 For a smooth curve, you can use the

lineOptions: {
  spline: 1
} 

from https://frappe.io/charts/docs/basic/trends_regions#continuity

runar-rkmedia avatar Jul 15 '23 22:07 runar-rkmedia