jquery - 创建类似于皮尤研究网站的图表

Question

<分区>

Answer 1

该图表是用 highcharts 构建的.它是一个易于使用的 api，用于基于 jQuery 的图表。但是，如果您真的想制作出色的图表，我建议您学习 d3应用程序接口(interface)。

查看源代码第413行

jQuery(document).ready(function($) {
var markerOptions = {
    enabled: true,
    states: {
        hover: {
            enabled: true
        }
    }
}

var options = {
    chart: {
        inverted: false,
        type: 'line',
        zoomType: 'x'
    },
    subtitle: {
        text: 'Percent of American adults 18+ who own each device'
    },
    xAxis: {
        title: {
            text: ''
        },
        type: 'datetime'
    },
    yAxis: {
        title: { 
            text: ''
        }
    },
    plotOptions: {
        line: {
            marker: markerOptions
        },
        area: {
            marker: markerOptions
        }
    }
}

Highcharts.visualize($('table').eq(0), options);
});