echart 地图显示不全,求教大神

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echart 地图显示不全,求教大神相关的知识,希望对你有一定的参考价值。

参考技术A 思路是:1.定义两个div,每个div有一个id,两个id不可以相同
<div id="a" style="width:300px;height:200px"></div>

<div id="b" style="width:300px;height:200px"></div>
2.初始化实例
var myChartOne = echarts.init(document.getElementById('a'));

var myChartTwo = echarts.init(document.getElementById('b'));
3.配置各自的图表数据

var myChartOneOption = //这里是myChartOne配置项与数据;
var myChartTwoOption = //这里是myChartTwo 配置项与数据;
4.使用各自的配置项显示数据,记得要对应上

myChartOne.setOption(myChartOneOption );

myChartTwo.setOption(myChartTwoOption );

这样就可以显示出来两个了,不过记得给两个div定义高宽,还有引用echarts.js本回答被提问者采纳

有没有熟悉echarts的大神,echarts绘制地图的时候,怎么让地图中某个固定区域显示特定的颜色?

比如说我现在要绘制贵州的地图,我想要贵阳和安顺市分别显示红色和黄色,代码怎么实现呢?

参考技术A 貌似除了用专业的统计工具(如MATLAB)外别无选择?不,在拥有众多交互特性下ECharts依然可以做到直角系图表(折、柱、散点、K线)20万数据秒级出图。 值域漫游 基于坐标的图表(如地图、散点图)通过色彩变化表现数值的大小能直观形象的展示

以上是关于echart 地图显示不全,求教大神的主要内容,如果未能解决你的问题,请参考以下文章

Echarts图表横坐标显示不全

解决echarts柱状图柱子内容显示不全

echarts柱状图横(x)轴文字显示不全,一招解决

百度地图api标注点label文字框显示不全

echart的label标签文字过长显示不全怎么办?

echarts转为base64之后显示的图片不全