在 ECharts 中,toolbox 的 feature 配置项中的 dataView 功能按钮用于提供数据视图功能,允许用户查看和编辑图表的原始数据。以下是一个示例:
toolbox: {
    feature: {
        dataView: {
            title: '数据视图',
            readOnly: false, // 是否为只读,默认为 false(可编辑)
            lang: ['数据视图', '关闭', '刷新'], // 数据视图上方的工具栏文字,可选
            backgroundColor: 'rgba(0,0,0,0.8)', // 数据视图的背景颜色,可选
            textColor: '#fff' // 数据视图中文本的颜色,可选
        },
        // 其他功能按钮...
    }
}

在这个示例中:

  •  title: 鼠标悬停时显示的标题。

  •  readOnly: 是否为只读模式,默认为 false,设置为 true 则为只读模式,不能编辑。

  •  lang: 数据视图上方的工具栏文字,数组的三个元素分别表示“数据视图”按钮、“关闭”按钮和“刷新”按钮的文字,可选。

  •  backgroundColor: 数据视图的背景颜色,可以设置为颜色值或者 'rgba(0,0,0,0.8)' 这样的形式。

  •  textColor: 数据视图中文本的颜色。


配置了 dataView 后,用户在图表上点击数据视图按钮,即可弹出一个窗口显示原始数据。如果设置了 readOnly 为 false,用户还可以在此窗口中进行数据的编辑。


转载请注明出处:http://www.zyzy.cn/article/detail/5323/ECharts