yah0130 / echarts-wx-uniapp Goto Github PK

					axisLabel: {
						show: true,
						distance: -10,
						color: '#999',
						fontSize: 5,
						padding: [24, 0, 0, 0],
						formatter: function(value) {
							console.log('123', value)
							switch (value) {
								case 0:
									return 0; //首位刻度         
								case 100:
									return 200; //末尾刻度                         
								default:
									return '';
							}
						}
					},

上面代码中的formatter无法打印除’value‘ 想问一下怎么解决这个问题，而且其他配置中的formatter也一样无法打印出对应的参数

作为一个后端写小程序

我看之前你关闭的回答里说readme有例子，我没有看到呀

我按照常见问题中的第三点的解决方法，去展示两个图表，但是运行起来的时候只显示了第一个图表，

html部分






js部分：
let RadialChart = ''
let RadialOption = {}

let HorizontalChart = ''
let HorizontalOption = {}

js部分____data中的数据：
RadialEc: { //温度的图表配置项
lazyLoad: true,
},
HorizontalEc: { //水平的图表配置项
lazyLoad: true,
}
onload：
onLoad(option) {
setTimeout(() => {
// this.ec.option.series[0].data = [1, 2, 3, 4, 5, 6, 7];
this.initRadial()
console.log("Radial图表加载啦");
}, 1000);
setTimeout(() => {
this.initHorizontal()
console.log("Horizontal图表加载啦")
}, 1500)
},

methods部分：

//初始化Radial图表
initRadialChart(canvas, width, height, canvasDpr) {
// console.log(canvas, width, height, canvasDpr)
RadialChart = echarts.init(canvas, null, {
width: width,
height: height,
devicePixelRatio: canvasDpr
})
canvas.setChart(RadialChart)
RadialChart.setOption(RadialOption)
return RadialChart
},
//初始化Horizontal图表
initHorizontalChart(canvas, width, height, canvasDpr) {
// console.log(canvas, width, height, canvasDpr)
HorizontalChart = echarts.init(canvas, null, {
width: width,
height: height,
devicePixelRatio: canvasDpr
})
canvas.setChart(HorizontalChart)
HorizontalChart.setOption(HorizontalOption)
return HorizontalChart
},

//加载radial数据
initRadial: function() {
RadialOption ={ 我的一些相关图表配置 };
this.$refs.canvas.init(this.initRadialChart)
},

//加载Horizontal数据
initHorizontal: function() {
HorizontalOption = { 我的一些相关图表配置 };
this.$refs.canvas.init(this.initHorizontal)
},

yAxis: {
type: 'value',
splitLine: {
lineStyle: {
type: 'dashed'
}
},
axisLabel: {
formatter: function (value, index) {
console.log(value, index);
return value / 15 + "k"
}
}
// show: false
}

为图表设置option的时候，如果设置多次的话，目前是默认的merge操作，希望能够提供一种覆盖Option的方法

问题图片(复制到浏览器地址栏)：
https://user-images.githubusercontent.com/88240303/143373902-3b3033dc-84b2-486c-b05c-d0fc69fbcb6b.png

标记线如何设置多条啊，我直接在markLine的data里写了个数组，但报错，说是

TypeError: Cannot read property 'coord' of undefined"

found in

---> <UniEcCanvas> at components/uni-ec-canvas/uni-ec-canvas.vue

一个页面多张图表时被悬浮无法滚动；查看了一下，父级无absolut和fixed定位，只用了relative；请问是怎么回事，如何解决

目前需求使用uni-app开发，formatter字符串模板不能满足需求，要使用到回调函数的方式，但是代码不支持，麻烦问一下有没有实现支持回调函数的解决方案，谢谢
``tooltip: {
trigger: "item",
padding: [10, 10, 10, 10],
backgroundColor: "#fff",
extraCssText: "box-shadow:2px 2px 6px 0px rgba(0, 0, 0, 0.2);",
textStyle: {
color: "#FF84BB",
},
trigger: "item",
// formatter: "{c0}",
formatter: (params) => {
console.log('>>>>>>>>>>', params);
}

{
type: 'custom',
renderItem: renderArrow,
encode: {
x: dims.time,
y: dims.windSpeed
},
data: data,
z: 10
}
我用出custom类型一直报错series.render is required.

uni-app 微信小程序，发现这个问题