Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

formatter's in tooltip, axisLabel are being reset.

See original GitHub issue

  const testOption = {
    tooltip: {
      backgroundColor: 'rgba(255,255,255,0.8)',
      borderColor: '#668BEE',
      borderWidth: 1,
      padding: [5, 10],
      textStyle: {
        color: '#24283C',
        fontSize: 12,
      },
      trigger: 'item',
      formatter: function (a) { // Changed here!!!
        return 'hihi';
      },
    },
    series: [
      {
        name: 'Source',
        type: 'pie',
        legendHoverLink: true,
        hoverAnimation: true,
        avoidLabelOverlap: true,
        startAngle: 180,
        radius: '55%',
        center: ['50%', '35%'],
        data: [
          {value: 105.2, name: 'android'},
          {value: 310, name: 'iOS'},
          {value: 234, name: 'web'},
        ],
        label: {
          normal: {
            show: true,
            textStyle: {
              fontSize: 12,
              color: '#23273C',
            },
          },
        },
        emphasis: {
          lable: {
            show: true,
            fontSize: 12,
            color: '#668BEE',
          },
          itemStyle: {
            show: true,
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)',
          },
        },
      },
    ],
  };

[First]

[Second]

I set custom formatter like code, and this works for a while and a few seconds later, it shows default tooltip formatter. I tried setNewOption, and same result.

Issue Analytics

State:
Created a year ago
Comments:5 (3 by maintainers)

Top GitHub Comments

2reactions

supervonscommented, Mar 22, 2022

I knew, i will fix it this week.

you can see more: Apeach Echarts

You can use react-native-echarts-pro@1.8.0 first.

0reactions

supervonscommented, Mar 22, 2022

Thanks，have a good trip!

Top Results From Across the Web

Displaying Different Number Format in the Axis and Tooltip

Right-click the view and select Format. Use the Fields drop-down menu in the top right of the Format pane to select the desired...

Number formatter on tooltips ignore axis configuration #249

Hi! It seems that both series and cursor tooltips use the wrong number formatter to display the data. I created a repro to...

Highcharts x-axis label not corresponding with value in tooltip

I'm adding my values in an array like this: series.push(new Array(new Date(dates).getTime ...

Tooltips – amCharts 5 Documentation

Create individual tooltips for each series. Set up tooltip label to show the information we want it to show. Enable chart cursor. TypeScript...

Configuring plot tools — Bokeh 2.4.3 Documentation

configures the lasso tool to be active plot = figure(tools="pan,lasso_select ... “tabular” tooltip where each row contains a label and its associated value....