Hi, I have a chart in which I have number like 60000000 (60 million). Ho to format it in Italian way, comma as decimal separator and dot as thousands separator? To have it in this way 60.000.000,00. Thank you vl .markBar() .data(totaleProvince) .encode( vl.tooltip([{ field: "totale", …

You need to add a custom formatType function to do the formatting. totalePerProvince = vl .markBar() .data(totaleProvince) .encode( vl.tooltip([{ field: "totale", title: "Totale", format: ".2f", formatType: 'iformat' }]), vl.y().fieldN("Provincia"), vl.x() .fieldQ("totale")…

That looks like a bug as that should work. There is a work around using this bit of hackery. labelExpr: "replace(toString(format(datum.value,',.0f')),/,/g,'.')", // format: ",.0f", // formatType: "iformat" It uses an expression to construct the axis label by first formatt…

Thank you again, it works! In my opinion, this all works, but it seems to me very complex.

It is a bit, people seem to have pivoted to using observable plot which is less complex. I don’t know VL at all really, so it was an interesting challenge to debug :smiley:

vega.lite axis and tooltip values: how to format number?

Community Help

aborruso January 4, 2022, 9:44am 3

You are very kind, thank you. It works for the tooltip, but not for the axis, the thousands separator is always the , and not the ..
What’s wrong in my code?

Topic		Replies	Views
Commas appearing in my Years axis New To Observable	2	54	March 6, 2025
Y axis not showing correct numeric values for charts New To Observable	3	580	May 12, 2022
d3, x axis label format problem Community Help	2	255	October 25, 2023
Format number in Input Community Help	1	157	November 27, 2023
Adding a date to a scatterplot - remove locale formatting New To Observable	2	415	November 4, 2022

vega.lite axis and tooltip values: how to format number?

Related topics