在 ECharts 中,要制作平滑的折线图,可以通过设置 series 中的 smooth 属性为 true。以下是一个简单的示例:
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
title: {
text: '平滑折线图'
},
tooltip: {
trigger: 'axis'
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
smooth: true // 设置平滑折线
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
在这个示例中,我们创建了一个基本的折线图,并通过设置 smooth: true 使其变为平滑折线图。你可以根据自己的需求调整其他配置项和数据。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。