[Typescript] CategoryAxisBaseOption is no exported in echarts

nx7onnlm  于 4个月前  发布在  Echarts
关注(0)|答案(2)|浏览(107)

What problem does this feature solve?

the problem is 'CategoryAxisBaseOption' interface is no exported,and I want to write such code , like this :

import { CategoryAxisBaseOption, EChartsOption } from 'echarts'
let xAxisData: CategoryAxisBaseOption = ['xAxis1', 'xAxis2']
const chartOption: EChartsOption = {
    xAxis: {
      data: xAxisData,
    },
 }

so what should I do , and why not export CategoryAxisBaseOption
The real reason for this is package component in Vue , the xAxisData is prop define in Vue component。

What does the proposed API look like?

I don't know how to do it.

dbf7pr2w

dbf7pr2w1#

I made other attempts, but also encountered problems,for example:

import { EChartsOption } from 'echarts' 
const extraOption: EChartsOption = {
    xAxis: {
      data: [],
    },
  }

const xAxisDataIsTooMuch = () => {
  return extraOption.xAxis!.data.length > 6
}

data is error : Property does not exist on type XAXisOption | XAXisOption[] .
continue, I know XAXisOption is export as XAXisComponentOption , code:

import {  EChartsOption,XAXisComponentOption } from 'echarts' 
const extraOption: EChartsOption = {
    xAxis: {
      data: [],
    },
  }

const xAxisDataIsTooMuch = () => {
    if (Array.isArray(extraOption.xAxis)) {
      const xAxis: XAXisComponentOption[] = extraOption.xAxis
      return xAxis[0]!.data.length > 6
    } else {
      const xAxis: XAXisComponentOption = extraOption.xAxis!
      return xAxis.data.length > 6
    }
  }

data is error too , I see the source code,The reason for the problem may be that AxisBaseOption have too much interface.
but the example is success :

import {  XAXisComponentOption } from 'echarts' 
const xAxisData: XAXisComponentOption = {
    data: [],
  }
xAxisData.data
n3h0vuf2

n3h0vuf22#

I have also encountered this problem. Is there any repair methods available?

相关问题