uni-app之图表的实现

备注:使用插件uCharts高性能跨全端图表,
(1)下载插件源码,并将u-charts.js所在文件夹导入项目的components文件下。
(2)页面使用该插件实现折线图







折线图效果展示:

折线图效果展示.png

(3)页面使用该插件实现饼状图







u-charts.js添加如下代码:

//自定义获取并设置颜色
Charts.prototype.getColor = function(i){
    var index = i % config.colors.length;
    return config.colors[index];
};

饼状图及对应列表效果展示:

饼状图效果展示.png

你可能感兴趣的:(uni-app之图表的实现)