Chart.js: Doc are hard to read and use

[ottomen]

Hi.

I can't fid out how to:

• disable tooltips in the donut chart?
• how to manage border width or to turn it off?
• how to manage width of the overall chart (width and height values in the canvas tag are not working)?
• how to make a rounded corners in the donut charts?

I'm using Version: 2.2.1 and yep, i read the doc, but i cant' deal with those things.
To be onest, the previous version was a lot easier to understand.

Thanks.

[rooskienz]

+1 for docs are hard to read

[panzarino]

Can you please add some specific examples of what you find hard to read and understand? We will try to update the docs so that they are easier to read.

[zerazobz]

Well I think that you can find almost anything, using the find bar of chrome.

But if could exists an integrated, "improved" search mechanism inside the docs page, it will be perfect.

[panzarino]

@zerazobz that would be something that @nnnick would have to implement into the site, but I feel that the normal browser search accomplishes the same thing. Were you thinking a search such as the one in slate?

[dibsyjr]

I don't think i've ever had a problem finding anything in the docs, but that might be because i've been semi-reading them for the last few months. Generally if it's something all charts would have (like tooltips) then i'll look under 'Chart Configuration', otherwise i'll look under that specific chart's section. If I still haven't found it then i'll do a search.

[Tartarus762]

Having some fully featured examples of working charts would be a great help. When I first started using chart.js, I often found it difficult to understand where things were supposed to go and what they were supposed to look like. For example, there are no examples containing callbacks, however, if I wanted some callbacks to alter the text on my tooltips, it would look something like:

...

options = {
    tooltips: {
            callbacks: {
                label: function (item, data) {
                    // do a thing with item or data
                        return string_for_tooltip;                    
                },
                beforeLabel: function (item, data) {
                    // Do a thing with item or data
                    return string_to_display_before_label;
                }
            }
        },
    scales: {...}
}

...

While it's possible to work this out for yourself (since I have), it would be nice to have an example of things like this in the docs given that, while the information is available, it's not always clear, especially if you've never used it before.

Basically, some complex charts demonstrating features would make the docs more usable.

[belozer]

Please add examples for docs.

Like it
http://gionkunz.github.io/chartist-js/examples.html

[etimberg]

Closing since docs have been rewritten since this issue was opened