I first introduced echarts, globally, and then introduced plug-ins in components that need to use crystal balls
import "echarts-liquidfill/src/liquidFill.js";but still report an error
echartsecharts-liquidfill
also re-install after uninstall, still report this error, please give me some advice
it can be tested locally, but not online
Hello, landlord! The latest version of echarts-liquidfill should be incompatible with the latest version of echarts . I tested it locally, and the configuration is as follows:
// package.josn
"echarts": "^4.1.0",
"echarts-liquidfill": "^2.0.2",import echarts from 'echarts';
import 'echarts-liquidfill';
// domecharts
var myChart = echarts.init(document.getElementById('main'));
//
var option = {
series: [{
type: 'liquidFill',
data: [0.6]
}]
};
myChart.setOption(option);personal test is OK. If it is helpful, please click to adopt it. Thank you ~
Previous: React sends out action, but can't change the value?
Next: The key of the php array is dynamic, so how to find it?
the echarts map of China introduced in the component wants to change the background color of the map to the color it wants, but it doesn t work. if I delete the background color of the visualMap, the background color of the map will become gray vis...
import IEcharts from vue-echarts-v3 src full.js import China from echarts map json china.json IEcharts.registerMap ( china , China) the way to register a map is registerMap, but what is the way to get a chart? Init method does not work, pl...
A lineOpts of echart is configured const lineOpts = { tooltip: { trigger: axis , axisPointer:{ type:"shadow" }, textStyle: { color: -sharpccc }, position: function (p) { ...
this is the error message there should be a table in this blank space. paste the source code < template > below <div class="table" style="height: 100%;"> <div> <el-card class="box-card">...
when using vue+iview+echarts, the echarts icon exceeds the container width. The code is as follows: DOM structure: <Row> <Col span="15"> <Row> <Col span="24" style="width: 100%&...
there are three migration maps for business demand. Cities in other provinces migrate to Xi an and cities in other countries migrate to Xi an. These two maps have been realized, but the map of other cities in Shaanxi Province migrating to Xi an shows...
An ECharts icon is used in a project. Click on different legends to jump to different pages where the pie chart code is as follows: if(params.componentSubType === bar ){ isKey = self.option.series[params.seriesIndex].clickName[params.dataIndex]...
parent component < bar-graph: opinionData= "opinionBarData ": opinion= "opinion " style= "width: 600px strategic height: 400px; " id= "mainBar " > < script > import echarts from echarts import BarGraph from .. components bargraph.vue ...
use Echarts line chart to display data, and set online display values. Only part of the peak value cannot be displayed abnormal condition is shown in figure : realize the online display of data by adding the following code to series: itemStyl...
default tooltip: { in pie chart trigger: item , formatter: "{a} <br >{b}:{c} ({d}%)", }, series i...
the Graph component of echarts is used in the vue project, and then the error "Uncaught TypeError: Cannot read property parse of undefined " is reported. at first thought it was the version, and then reinstalled the echarts, version with the numb...
as shown in the figure, the displayed label needs to be directly below. ...
use echats force-oriented diagram to report to TypeError Cannot read property off of undefined change the configuration (vue environment) in series related codes { name: Les Miserables , type: graph ...
problem description call the timelinechanged event in echart in vue, and assign the currentIndex in it to the variable in data. Then use watch to listen for changes in this variable, and find that you cannot listen . the environmental background of t...
1 Error in mounted hook: "TypeError: axis.getAxesOnZeroOf is not a function " is reported when the image is initialized. 2, code methods: { echartInit: function() { if (this.chartObj !== null && !this.chartObj.isDispo...
wants to encapsulate Echarts as a component in Vue, which can be rendered simply by passing in the configuration through props, but now there is a Loading problem. is to use the showLoading () display to load when the props has not been passed in, and w...
enter the interface below: : :mounted : load data in the created lifecycle created:function(){ this.load_leftTop(); } ...
problem description the font color of echarts adapting to mobile XY axis does not match the environmental background of the problems and what methods you have tried has tried. The red title appears, but the Y axis has not changed . related codes ...
echart line chart data overlap a lot how to use the dataZoom attribute to achieve? That is, the mouse can be dragged, and the horizontal axis changes accordingly, how to achieve it? Found that the search on CSDN did not solve the problem-sharp-sharp-sha...
problem description there are many Abscissa returned from the interface. When dragging left and right, the number of Abscissa displayed is fixed. After referring to several, none of them achieved the effect in the link. Compared with dataZoom, which a...