EChartsは順番に中国地図の各省を明るくします.
2846 ワード
最初は
ここから発見しました.https://github.com/ecomfe/ech...選択した地図の書き方はこのようですが、試してみたらいいです.主にtypeが
dispatchAction
方法で選択した省を変えたいですが、機能がないです.もしこの方法がどうやって実現されるかを知っていたら、教えてもらえますか?私が実現する方法は別です.dispatchAction({
type: 'geoSelect',
// , index,
seriesIndex?: number|Array,
// , ,
seriesName?: string|Array,
// index, name
dataIndex?: number,
// , , dataIndex
name?: string
})
その後、方法を変えました.この方法の核心的な考え方は、アイコンの設定をタイミングで取得し、設定を更新し、設定を最後にします.var myChart = echarts.init(document.getElementById('china-map'));
var COLORS = ["#070093", "#1c3fbf", "#1482e5", "#70b4eb", "#b4e0f3", "#ffffff"];
//
var option = {
tooltip: {
trigger: 'item',
formatter: '{b}'
},
series: [
{
name: ' ',
type: 'map',
mapType: 'china',
selectedMode : 'single',
label: {
normal: {
show: true
},
emphasis: {
show: true
}
},
data:[
//
{name:' ', selected:true}
],
itemStyle: {
normal: {
areaColor: 'rgba(255,255,255,0.5)',
color: '#000000',
shadowBlur: 200,
shadowColor: 'rgba(0, 0, 0, 0.5)'
},
emphasis:{
areaColor: '#3be2fb',
color: '#000000',
shadowBlur: 200,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
// 。
myChart.setOption(option);
myChart.on('click', function(params) {
console.log(params);
});
setInterval(function(){
var op = myChart.getOption();
var data = op.series[0].data;
var length = data.length;
data.some(function(item, index){
if(item.selected){
item.selected = false;
var next = (index + 1)%length;
data[next].selected = true;
return true;
}
});
myChart.setOption(op);
}, 3000);
フォローアップここから発見しました.https://github.com/ecomfe/ech...選択した地図の書き方はこのようですが、試してみたらいいです.主にtypeが
mapSelect
なら、geoSelect
ではありません.myChart.dispatchAction({
type: 'mapSelect',
// , index,
// seriesIndex: 0,
// , ,
// seriesName: string|Array,
// index, name
// dataIndex: number,
// , , dataIndex
name: ' '
});