как добавить новое значение во всплывающую подсказку? - PullRequest
Новая
       183

как добавить новое значение во всплывающую подсказку?

0 голосов
/ 07 августа 2020

Я хочу добавить новое значение во всплывающую подсказку, но не хочу отображать это значение в диаграмме. Я искал, но не нашел решения. например: 

        {
            show: false,
            name: '利润',
            type: 'bar',
            label: {
                show: true,
                position: 'inside'
            },
            data: [20, 17, 24, 24]
        },
        {
            name: '收入',
            type: 'bar',
            stack: '总量',
            label: {
                show: true
            },
            data: [320, 302, 341, 374]
        },
        {
            name: '支出',
            type: 'bar',
            stack: '总量',
            label: {
                show: true,
                position: 'left'
            },
            data: [120, 132, 101, 134]
        }

могу ли я добавить show: false или другие вещи? моя версия электронных диаграмм - ^ 3.8.5 .

введите описание изображения здесь

Ответы [ 2 ]

0 голосов
/ 08 августа 2020

Вы не можете найти эту или похожие настройки, потому что они не должны существовать. Это нарушает основную концепцию датавиза: визуализация должна упрощать, а не усложнять восприятие данных. Вы не можете скрыть одни и те же данные для одного места и показать их в другом в общем контексте. Пользователь не понимает, в чем причина такого несоответствия, и перестанет доверять вашей диаграмме.

Но если вы будете настаивать, то сделайте желаемое вот так: 

legend: {
  data: [{
      name: '直接访问',
      textStyle: {
        color: 'red'
      }
    },
    {
      name: '邮件营销',
      textStyle: {
        color: 'green'
      }
    }
    // [...]
  ]
}

и для скрытых серия: 

series: [
  {
    name: '直接访问',
    type: 'bar',
    data: [0, 0, 0, 0, 0, 0, 0],
  },
  // {...}
]


var myChart = echarts.init(document.getElementById('main'));

var option = {
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  legend: {
    data: [{
        name: '直接访问',
        textStyle: {
          color: 'red'
        }
      },
      {
        name: '邮件营销',
        textStyle: {
          color: 'green'
        }
      }
      // [...]
    ],
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: {
    type: 'value'
  },
  yAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
  },
  series: [{
      name: '直接访问',
      type: 'bar',
      data: [0, 0, 0, 0, 0, 0, 0],
    },

    {
      name: '邮件营销',
      type: 'bar',
      stack: '总量',
      data: [120, 132, 101, 134, 90, 230, 210]
    },
    {
      name: '联盟广告',
      type: 'bar',
      stack: '总量',
      data: [220, 182, 191, 234, 290, 330, 310]
    },
    {
      name: '视频广告',
      type: 'bar',
      stack: '总量',
      data: [150, 212, 201, 154, 190, 330, 410]
    },
    {
      name: '搜索引擎',
      type: 'bar',
      stack: '总量',
      data: [820, 832, 901, 934, 1290, 1330, 1320]
    }
  ]
};

myChart.setOption(option);
<script src="https://cdn.jsdelivr.net/npm/echarts@4.8.0/dist/echarts.min.js"></script>
<div id="main" style="width: 600px;height:400px;"></div>
0 голосов
/ 07 августа 2020

возможно, пользовательская серия работала, но я не смог найти примеры гистограммы. на сайте есть пример, но он касается диаграммы Ганта.

...