C# echarts怎么 从数据库里取数据显示出来!求一份源代码 否则根本写不出来 谢谢

C# echarts怎么 从数据库里取数据显示出来!求一份源代码 否则根本写不出来 谢谢,第1张

public void doGet(>

先给你普及两个知识点:

1、SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。

2、canvas 通过 JavaScript 来绘制 2D 图形。Canvas 是逐像素进行渲染的。一旦图形被绘制完成,它就不会继续得到浏览器的关注。

echarts 是基于canvas 画的图,所以图形画完后你是无法获取并 *** 作图的各个元素。

你既然知道 echarts 是通过 json 生成图形的,那你可以换个思路,在你查询事件里去生成一个json  传给echarts组件,进行图形的重新绘制,而这个json 是你能够生成并控制的,也就是说,你可以指定某一块区域显示不同颜色,文字等等

本来我是不太想回答的,不是一两句能说清楚,具体方案要你自己去实现。好好研究下地图相关配置

显示什么问题?我之前遇到的就是引用echarts后地图不显示的问题。
这个问题是因为echarts3的地图的geo数据以前的中国地图是内置了,现在新版本需要自己下载的china的js或json数据,引用了之后就可以显示了。

是否是这样
option = {
color: ['#00fff6', '#006699', '#4cabce', '#e5323e'],
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
textStyle:{//图例文字的样式
color:'#dbdbdb',
fontSize:15
},
calculable: true,
xAxis: [
{
type: 'category',
axisTick: {show: false},
data: ['2014', '2015', '2016', '2017', '2018']
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: 'Forest',
type: 'bar',
color:'#006699',
barGap: 0,
label: labelOption,
data: [88, 32, 91, 34, 90],
}]
};
// res 为后台数据获取,假设获取为数组
let res = [11,22,33,44,55];
optionseries[0]data = res;


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13365497.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-22
下一篇 2023-07-22

发表评论

登录后才能评论

评论列表(0条)

保存