echarts作图提示框报错

问题出在tooltip,正常jscode编辑里效果是这样的:

img

import demjson 
option = """{
  // tooltip: {
  //   trigger: 'axis',
  //   axisPointer: {
  //     type: 'cross',
  //     crossStyle: {
  //       color: '#999'
  //     }
  //   }
  // },
  legend: {
    data: ['Evaporation']
  },
  xAxis: [
    {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu'],
    }
  ],
  yAxis: [
    {
      type: 'value',
    }
  ],
  series: [
    {
      name: 'Evaporation',
      type: 'bar',
      // tooltip: {
      //   valueFormatter: function (value) {
      //     return value + ' ml';
      //   }
      // },
      data: [
        2.0, 4.9, 7.0, 23.2
      ]
    },
  ]
}"""
op0 = demjson.decode(option)
st_echarts(op0)

我的尝试,先讲jscode的代码用dmjson转化为Py的字典然后再st_echarts作图
如果没有添加注释那几行,可以正常显示柱图
而一旦加入注释那几行 不但没有图1的提示框 还会显示报错
这是Py和jscode哪里冲突了吗?希望能得到指点。

可能是valueFormatter的问题。

import demjson 
option = """{
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
      crossStyle: {
        color: '#999'
      }
    }
  },
  legend: {
    data: ['Evaporation']
  },
  xAxis: [
    {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu'],
    }
  ],
  yAxis: [
    {
      type: 'value',
    }
  ],
  series: [
    {
      name: 'Evaporation',
      type: 'bar',
      tooltip: {
        formatter: '{c} ml'
      },
      data: [
        2.0, 4.9, 7.0, 23.2
      ]
    },
  ]
}"""
op0 = demjson.decode(option)
st_echarts(op0)

看看能否解决问题。
 
如果答案对您有所帮助,望采纳。

echarts作图提示框报错

问题出在tooltip,正常jscode编辑里效果是这样的:

img

import demjson 
option = """{
  // tooltip: {
  //   trigger: 'axis',
  //   axisPointer: {
  //     type: 'cross',
  //     crossStyle: {
  //       color: '#999'
  //     }
  //   }
  // },
  legend: {
    data: ['Evaporation']
  },
  xAxis: [
    {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu'],
    }
  ],
  yAxis: [
    {
      type: 'value',
    }
  ],
  series: [
    {
      name: 'Evaporation',
      type: 'bar',
      // tooltip: {
      //   valueFormatter: function (value) {
      //     return value + ' ml';
      //   }
      // },
      data: [
        2.0, 4.9, 7.0, 23.2
      ]
    },
  ]
}"""
op0 = demjson.decode(option)
st_echarts(op0)

我的尝试,先讲jscode的代码用dmjson转化为Py的字典然后再st_echarts作图
如果没有添加注释那几行,可以正常显示柱图
而一旦加入注释那几行 不但没有图1的提示框 还会显示报错
这是Py和jscode哪里冲突了吗?希望能得到指点。

根据你提供的信息,你在使用Python中的 demjson 库读取 JavaScript 中的 JSON 数据,然后使用 st_echarts 库绘制图表。在你的代码中,存在以下错误: - 在tooltip属性的注释中添加了一个 // 号,这会导致解析出错。你需要将 // 号去掉,或者使用 demjson 的 decode() 方法来解析 JSON 数据。 - 在tooltip属性的注释中,使用了 JavaScript 中的 function() 来表示tooltip 的解析函数,这可能会导致解析出错。你需要使用 Python 的内置函数 echarts.tooltip() 来解析tooltip。 - 在tooltip属性的注释中,使用了 JavaScript 中的 += 来表示属性的值更新,这可能会导致解析出错。你需要使用 Python 的 += 运算符来更新属性的值。 因此,你需要修改你的代码,使它们能够正确地解析和绘制图表。以下是一个修改后的示例代码: ```python import demjson import echarts def calculate_tooltip( series ): tooltip_data = { ' trigger': 'axis', ' axisPointer': { ' type': 'cross', ' crossStyle': { ' color': '#999' } }, 'legend': { 'data': ['Evaporation'] }, 'tooltip': { ' trigger': '