amcharts 相关问题

JavaScript图表和映射控件。

我有像这样的xAxis和xRenderer：让 xRenderer = amChartXY.AxisRendererX.new(root, {minGridDistance: 30}); xRenderer.labels.template.setAll({ 旋转：-45， ...

javascript tooltip amcharts amcharts5

回答 1 投票 0

amCharts 4 的导出菜单中添加平均数据选项

我正在尝试找到一种方法，使用 amCharts 4 中的导出菜单快速平均每周或每月的数据。我制作了这个 codePen，但它不起作用。有人可以看看我是什么样的吗...

javascript amcharts

回答 1 投票 0

如何更改Amcharts 5中的导出图标？

我知道在 Amcharts 4 中，您可以按照此操作更改导出图标：https://www.amcharts.com/docs/v4/tutorials/replacing-default-export-icon/ 但是，同样的任务在 Amc 上是如何完成的......

javascript graph amcharts amcharts5

回答 1 投票 0

以编程方式隐藏系列/切换图例项目 (amcharts 4)

在我们的项目中，我们有一个带有图例的折线图。图表及其图例都在单独的容器中初始化（如果这一事实很重要）。在我们的项目中，我们有一个带有图例的折线图。图表及其图例都在单独的容器中初始化（如果这一事实很重要）。 <div ref="chartdiv" /> <div ref="legenddiv" /> 我们使用 createFromConfig 方法创建它们。我想要实现的目标：我们在页面上有多个选项卡，用户通常会切换图例项目来显示/隐藏某些系列。我需要存储这些切换的图例项目，以便当用户返回带有图表的选项卡时，我将能够以编程方式将它们切换回来。根据我的理解，算法如下：将切换的项目存储在某处启动图表时，切换之前切换的项目。据我所知，应该通过显示/隐藏系列来完成，而不是图例项目。到目前为止，我已经通过向图例项添加单击处理程序来设法存储标签。 chart.value.legend.itemContainers.template.events.on('hit', (ev) => { toggledItems.push(ev.target.dataItem.name) }) 但是我没有成功隐藏以前切换的图例项目。我尝试根据堆栈溢出上的this question实现一些东西，我尝试使用“inited”，“hidden”，“shown”事件，但对它们没有反应。 // Nothing happens here ☹️ chart.value.series.template.events.on('hidden', () => { console.log('I am hidden') }) 请为我指明正确的方向。找到解决方案。希望这会对某人有所帮助。我们的项目中有一个 Line 图表组件。我添加了一个 toggleSeries 道具 - 用于切换图例/系列项目的 v 模型，它存储字符串（名称）。因此，当我们单击图例项时，我们输入该图例项的名称并更新 toggleSeries v 模型。有双向绑定，我们可以初始化一个在 toggleSeries 数组中已有项目的图表，或者我们可以随时从 Line 组件外部放置项目 - 图表将被更新。 // Is used for toggling series in chart's 'beforevalidated' hook const toggleSeries = (initial?: boolean) => { for (const currentSeries of chart.value.series.values) { if (toggledSeriesInternal.value.includes(currentSeries.dataFields.valueY)) { if (initial) { currentSeries.hidden = true } else { currentSeries.hide() } } else { if (initial) { currentSeries.hidden = false } else { currentSeries.show() } } } } // Is used for toggling single series items === pushing/removing item names // from 'toggledSeries' array const toggleSeriesItem = (itemName: string) => { const index = toggledSeriesInternal.value.findIndex(name => name === itemName) if (index === -1) { toggledSeriesInternal.value = [...toggledSeriesInternal.value, itemName] } else { const newToggledSeries = [...toggledSeriesInternal.value] newToggledSeries.splice(index, 1) toggledSeriesInternal.value = newToggledSeries } } chart.value.events.on('beforevalidated', () => { toggleSeries(true) }) chart.value.legend.itemContainers.template.events.on('hit', (ev) => { toggleSeriesItem((ev.target.dataItem as am4core.DataItem & { name: string }).name) }) watch(toggledSeriesInternal, () => { toggleSeries() }, { deep: true, })

javascript vue.js amcharts amcharts4

回答 1 投票 0

对 amCharts 的数据进行平均

我正在使用 amCharts 4，我想知道是否可以按周或月平均数据。我想将其集成到我的 exporting.menu.items 中。我知道可以使用 groupIn...

javascript amcharts

回答 1 投票 0

amcharts5 - 使用自定义函数格式化工具提示中的值

我正在使用 amcharts5 来表示一些数据。在某个时刻，我有一个系列，我想以与原始值不同的方式显示工具提示。举例来说，我的图表是...

javascript graph amcharts amcharts5

回答 1 投票 0

IcCube Reporting V8 - 可以使用甘特图吗？

使用 IcCube Reporting V7，我能够创建 AmCharts 甘特图，如下所示：在幕后使用以下 mdx：成员 HDebut 作为 [Measures].[Bloc Début Intervalle], format_string = &