echarts 柱状图 series.data 必须得是 [1,3,4,5]这种格式吗，不能是[{name: '',value: 0}]这种格式吗，tooltip想用name value 数据？

• Z时代
• 2024-02-12
• 分类：IT

echarts 柱状图 series.data 必须得是 [1,3,4,5]这种格式吗，不能是[{name: '',value: 0}]这种格式吗，tooltip想用name value 数据？

回答：

可以的:
其实直接加tooltip就行了:

option = {
  tooltip: {
    show: true,
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    }
  ]
};

{ name: 'Mon', value: 2 },格式的更好格式化使用formatter

option = {
  tooltip: {
    formatter: function (params) {
      return `${params.data.name}: ${params.data.value} `;
    }
  },
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [
        { name: 'Mon', value: 2 },
        { name: 'Tue', value: 3 },
        { name: 'Wed', value: 4 },
        { name: 'Thu', value: 5 },
        { name: 'Fri', value: 6 },
        { name: 'Sun', value: 7 },
        { ame: 'Sat', value: 8 }
      ],
      type: 'bar'
    }
  ]
};

回答：

        tooltip: {
          formatter: function (params) {
            return `${params.data.name}: ${params.data.value} `;
          }, 
        },
        series: [
          {
            data: [{value:1,name:'你好'}],
           ...
          },
        ],

文档地址 https://echarts.apache.org/zh/option.html#tooltip.formatter

以上是 echarts 柱状图 series.data 必须得是 [1,3,4,5]这种格式吗，不能是[{name: '',value: 0}]这种格式吗，tooltip想用name value 数据？ 的全部内容， 来源链接： utcz.com/p/934077.html