ECharts 自定义动态tooltip

最新推荐文章于 2025-03-18 10:12:34 发布

XiongRx

最新推荐文章于 2025-03-18 10:12:34 发布

阅读量8.2k

点赞数 1

分类专栏： Javascript 文章标签：折线图 ECharts

本文链接：https://blog.youkuaiyun.com/ruixue0117/article/details/54342186

版权

Javascript 专栏收录该内容

29 篇文章

订阅专栏

运行：http://echarts.baidu.com/demo.html

var mydata = [
    ["11/16", "12/06"], 
    ["33.33", "100"], 
    ["PD201611161124370043", "PD201611161124370044"]
];
option = {
    title: {},
    tooltip: {
        formatter: function(params, ticket, callback) {
            return mydata[2][params.dataIndex] + "
" + 
            params.seriesName + "：" + params.value;
        }
    },
    xAxis: {
        data: mydata[0],
        name: '日期',
    },
    yAxis: [{
        name: '准确率(%)',
        max: 100,
        min: 0,
    }],
    series: [{
        name: '准确率',
        type: 'line',
        itemStyle: {
            normal: {
                color: '#5B9BD5',
                lineStyle: {
                    type: 'dashed',
                    color: '#5B9BD5'
                }
            }
        },
        data: mydata[1]
    }]
};