feature: echarts event/action support. about go-echarts HOT 3 CLOSED

func PieWithDispatchAction() *charts.Pie {
	const actionWithEchartsInstance = `
		let currentIndex = -1;
		setInterval(function() {
		  const myChart = %MY_ECHARTS%;
		  var dataLen = myChart.getOption().series[0].data.length;
		  myChart.dispatchAction({
			type: 'downplay',
			seriesIndex: 0,
			dataIndex: currentIndex
		  });
		  currentIndex = (currentIndex + 1) % dataLen;
		  myChart.dispatchAction({
			type: 'highlight',
			seriesIndex: 0,
			dataIndex: currentIndex
		  });
		  myChart.dispatchAction({
			type: 'showTip',
			seriesIndex: 0,
			dataIndex: currentIndex
		  });
		}, 1000);
`

	pie := charts.NewPie()
	pie.AddJSFuncStrs(actionWithEchartsInstance)
	pie.SetGlobalOptions(
		charts.WithTitleOpts(opts.Title{
			Title: "dispatchAction pie",
		}),
		charts.WithTooltipOpts(opts.Tooltip{
			Trigger:   "item",
			Formatter: "{a} <br/>{b} : {c} ({d}%)",
		}),
		charts.WithLegendOpts(opts.Legend{
			Left:   "left",
			Orient: "vertical",
		}),
	)

	pie.AddSeries("pie action", generatePieItems()).
		SetSeriesOptions(
			charts.WithLabelOpts(opts.Label{
				Show:      opts.Bool(true),
				Formatter: "{b}: {c}",
			}),
			charts.WithPieChartOpts(opts.PieChart{
				Radius: []string{"55%"},
				Center: []string{"50%", "60%"},
			}),

			charts.WithEmphasisOpts(opts.Emphasis{
				ItemStyle: &opts.ItemStyle{
					ShadowBlur:    10,
					ShadowOffsetX: 0,
					ShadowColor:   "rgba(0, 0, 0, 0.5)",
				},
			}),
		)

	return pie

}

	bar := charts.NewBar()
	const JFunc = `(params) => alert(params.name)`

	bar.SetGlobalOptions(
		charts.WithInitializationOpts(opts.Initialization{
			Width:    "1200px",
			Height:   "600px",
		}),
		charts.WithEventListeners(
			event.Listener{
				EventName: "click",
                                 // Handler:   JFunc,
				Handler:   opts.FuncOpts(JFunc),
			},
		),
	)

	bar.SetXAxis(weeks).
		AddSeries("CategoryA", generateBarItems()).
		AddSeries("Category B", generateBarItems())
	return bar