JavaScript Chart Library

Fastest javascript charting library for really huge data

I analyzed all the answers but did not find what I needed, and decided to use dygraphs.

Dygraphs provides enough performance and ui-specific features for free. Does not support pie-charts but other chart types are supported ( or possible to be supported using plotter-plugin ).

Which chart library does this website use?

You want to look at the HTML source code. There might be a link to a .js library. In your case there is, namely, <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>. Plotly?

Draw one day area chart using lightweight-chart library

This question has already been answered here.

Basically you need to properly format your timestamp as explained in the doc.

Recommendation for chart library with image legend labels

I took first one google showed me and it's possible to do with it:

http://www.chartjs.org/docs/#chart-configuration-legend-configuration

updated config with img and it worked

{
    value: 61,
    color: "#09355C",
    label: "Label 1 <img src='https://blog.codinghorror.com/content/images/uploads/2007/03/6a0120a85dcdae970b012877700749970c-pi.png'>"
}

http://jsfiddle.net/vrwjfg9z/2676/

Which javascript graphs / chart library?

Chartjs is opensource

I have used Fusioncharts free version and found that to be awesome

Pie chart color change High Chart Library

you need to add colors attribute to chartoptions like below

  Highcharts.setOptions({
     colors: ['#50B432', '#ED561B']
  });

Example demo

$(function () {
    
    Highcharts.setOptions({
     colors: ['#50B432', '#ED561B']
    });
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',

            },
            title: {

                text: 'Browser market shares at a specific website, 2010'

            },        
            series: [{

                type: 'pie',

                name: 'Example',

                data: [

                    ['One',   45.0],

                    ['Two',       26.8],

                ]

            }]

        });

    });
});

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

---

Related Topics