mtgibbs / chartist-plugin-barlabels Goto Github PK
View Code? Open in Web Editor NEWChartist-js Plugin for Bar Labels
License: Do What The F*ck You Want To Public License
Chartist-js Plugin for Bar Labels
License: Do What The F*ck You Want To Public License
Wondering if this plugin works with latest Chartist 0.9.8 as I don't get any label but [object Object] instead.
right now labelInterpolationFnc
is provided with series value, is it possible to get label value also there?
Hey,
I was wondering if it is possible to position the barlabel above the bar when the value is positive and below the bar when the value is negative.
My code for the bar chart options
plugins: [ Chartist.plugins.ctBarLabels({ textAnchor: 'middle', labelClass: 'ct-label', showZeroLabels: true, labelOffset: { x: 0, y: -15 }, }) ],
positions the label of positive values with an offset of -15 slightly above the bars.
When I have negative values it looks like this:
I would like to put the labels below the bars, please consider to add an example code on how to achieve this:
Best regards,
flix
hello i would like use this plugin for display data of bar but is display "[object object]
// test
var datatestsSubscriptionChart = {
labels: ['TST', 'DEV', 'ASB', 'INT'],
series: [
[20, 60, 40, 100]
]
};
var optionstestsSubscriptionChart = {
plugins: [
Chartist.plugins.ctBarLabels()
],
axisX: {
showGrid: false
},
low: 0,
high: 200,
chartPadding: { top: 0, right: 5, bottom: 0, left: 0}
};
var responsiveOptions = [
['screen and (max-width: 640px)', {
seriesBarDistance: 8,
axisX: {
labelInterpolationFnc: function (value) {
return value[0];
}
}
}]
];
var testsSubscriptionChart = Chartist.Bar('#testsSubscriptionChart', datatestsSubscriptionChart, optionstestsSubscriptionChart, responsiveOptions);
can help me ?
That's all.
Hi,
We are getting this error on page load, npm installed correctly. angular 14+
ROR Error: Uncaught (in promise): TypeError: Cannot set properties of undefined (setting 'returnExportsGlobal')
TypeError: Cannot set properties of undefined (setting 'returnExportsGlobal')
at Object. (chartist-plugin-barlabels.js:21:17)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.