// based on prepared DOM, initialize echarts instance
60
2023-05-16
以下是关于 echarts 的编程技术问答
我想自定义高度，以获取标记线信息的宽度.现在，我找到可用于颜色和字体属性的标签属性.但是对于高度和宽度，它在我的测试中不起作用. 我还想在我的格式化函数中添加一些HTML标签和CSS属性.但这也行不通. 有人可以告诉我Echart当前是否支持这些选项?(ECHAT是版本4.9.0) 谢谢 Markline的信息标签: label: { show:true, align:'left', position: 'end', distance: [0,-90], color: 'blue', // backgroundColor: 'green',
16
2023-04-12
在echarts-3.6.2中，当我为马克林设置position:'end'时，lable将在行末尾显示 的末端 markLine: { data: [{ symbol:"none", name: 'GOAL', yAxis: 3.12 , label:{ normal:{ show:true, position:'end' } }, lineStyle: { normal: { color: '#5C57FF', width: 2 } },
40
2023-03-10
我想找到一种关于如何在echarts中绘制2行的方法，并像这样填充它们之间的空间: 使每行都有自己的颜色.取决于线的顺序 - 区域被填充成一种或另一种颜色(请参阅图像). 是否有一种本地方法?我发现有些人提到extensions，但是没有人提供有关如何从头开始写的任何说明..也没有在官方文档页面上找到任何示例.如果有人可以指出我如何实现这一目标的方向，我将不胜感激. 在最坏的情况下 - 如果它们有非常需要的选项，我会接受其他库. 我能做的最好的是: var chartOptions = { xAxis: [{ type: 'value' }], yAxis: [{ type: 'value' }], series: [{ type: "line", data: [[0, 4], [1, 3], [2, 2], [3, 2], [4, 1], [5, 2]]
20
2023-03-10
我有以下Apache Echart: var option = { series: [ { name: 'RollPitch', type: 'gauge', data: [ { value: 0, name: '', itemStyle: { color: '#CF4437' }, }, ], min: 0, max: 360, splitNumber: 4, splitLine: { show: false, }, startAngle: 0, endAngle: 359.999999
16
2023-03-10
我使用 echarts javascript javascript plugin .... 您在下面附上的图片中可以看到，y轴彼此重叠. 这是我使用的选项 var colors = ['#5793f3', '#d14a61', '#675bba']; var option = { title: { text: 'Wi-Fi Users & Bandwidth Usage by Day & Month Summary' }, tooltip: { trigger: 'axis', formatter: function (params) { params = params[0]; var date = new Date(params.name); return date.getDate() + '/' + (date.getMo
8
2023-03-10
我正在尝试使用echarts渲染我能够做到的简单甜甜圈图表.我默认情况下注意到，如果单击图表，传说将隐藏数据项. 我希望用户能够选择传说做某事(开火一个事件)，我可以使用可用的事件( https://ecomfe.github.io/echarts-/echarts-doc/public/public/en/api.html#events.legendselect.legendselected )想要防止隐藏/显示数据项在图表上的默认行为. 在文档中，提到了传说中的属性，称为SelectedMode( https://ecomfe.github.io/echarts-doc/public/en/option.html#legend.selectedmode )完全可以完全选择. 我还尝试在为LegendSelected和Legendunselectected发射的事件上返回False，但没有成功. 有人找到了阻止这种行为的方法吗?我感谢在这个问题上的任何帮助.
92
2023-03-10
我正在使用echatrs作为图表库.所需图表应该看起来像: 我需要的是在每列上方显示总数.这样做的最佳做法是什么? 解决方案 您可以使用formatter来实现此目标，检查此演示: let echartsObj = echarts.init(document.querySelector('#canvas')); series = [{ name: 'Server #1', data: [100, 115, 165, 107, 67] }, { name: 'Server #2', data: [85, 106, 129, 161, 123] }, { name: 'Server #3', data: [67, 87, 86, 167, 157] }] genFormatter = (series) => { return (param) => { console.lo
12
2023-03-10
echarts3(baidu)在工具提示中彩色圆形 默认情况下，工具提示具有与图形相同的颜色的圆形，如下: http://echarts.baidu.com/gallery/editor. html?c = Candlestick-Brush 但是，如果我自定义工具提示，则像在此示例中一样删除编码的颜色编码: /Example/tooltip.html#-en 是否有一种方法可以使用自定义工具提示并将颜色返回. 这是解释它的另一种方法. 转到此链接 pie-simple 您会发现没有彩色的图表. 删除以下行: formatter: "{a}
{b} : {c} ({d}%)" 然后按 刷新，您将看到圆形. 解决方案 echarts支持用户定义的工具提示，包括您想要的颜色. 例如，您有一个线图演示喜欢这个，您想要要更改默认工具提示，请在工具提示之后添加%或其他内容而不会丢失默认颜色.仅此代码替换工具提示代码.
24
2023-03-10
我试图将Baidu的Echarts(看起来真的很好)融合在一起.但是，当没有设置标题或使用其工具栏时，实际图周围有很多空格.有没有办法让图形/图表使用更多的画布? 我当前的解决方案在容器中添加一个额外的解决方案，然后将其宽度和高度设置为更大的宽度，以通过我要删除的边距将其删除，并通过将"顶部"和"左"设置为负值，各自的边缘.不是优雅，更重要的是，不健壮，但目前可以使用. 解决方案 在Echarts 4，5 中 如其他一些海报所述，摆脱空格的正确方法是更改options.grid. https://echarts.apache.org/option.html.html#grid grid: { left: 0, top: 0, right: 0, bottom: 0 } 在Echarts 4中，网格属性的名称已更改为left，right，top和bottom. . 感谢上面的答案，指向我指向正确的方向！ 此外，如上所述，更改o
16
2023-03-10
我想在图表中绘制多个信号的方差(或基本上填充了上部和下部信号之间的空间). 是否可以创建这种图表? 我看到了信心频段的示例( https:https:///echarts.apache.org/examples/en/editor.html?c=confidence-band )，但这似乎仅适用于图表中的一个信号. 另一个解决方案是使用Markarea在信号周围绘制数千个小矩形，但这会减慢图表的性能(例如，在滚动X轴时)并看起来不太光滑. > 解决方案 我知道Echarts社区中的共同实践绘制了平常的图表类型(bar，line，...)，用series(读取文档)，并通过custom series编写视觉逻辑.此外，Echarts具有一些API方法(无证件)，例如registerVisual，registerLayout，可用于重新定义布局，计算等. 对于所描述的任务，您需要使用custom系列来计算频段坐标.这不是很简单，因为(在我看来)强制性要求很少.
12
2023-03-05
阅读了Echarts文档并查看示例后，当我单击特定的节点并向他们的孩子们画一条路时，我还没有找到任何可以允许着色或突出树枝的东西. . 基本上，我正在尝试做类似这样的事情，例如: 解决方案 这是理论上的可能性，但我没有时间练习.总的来说，我在接下来的步骤中的想法: 订阅click符号的事件，请参阅事件. 获取最新(点击)系列，并为其他排除父母的系列删除，可以使用instance.getModel().getSeries()或instance.getModel().eachSeries(...) 来完成. 之后，我们有唯一的孩子节点.现在，您可以更改(使用instance.setOption({...}))儿童离开Linestyle和将其涂成黑色. 如果您不成功，我将稍后再试. 更新 我制作了您想要的东西，但是代码很脏，学习不容易，对不起，我很着急.让我知道您是否有任何问题. var container = document.ge
18
2023-01-28
这是代码: list.component.html list.component.ts @ViewChild('uploadIcon') uploadIcon: TemplateRef; lineChart() { const _this = this; tooltip: { trigger: 'axis', axisPointer: { animation: false }, backgroundColor: 'rgba(245, 245, 245, 0.8)', borderWidth: 1, borderColor: '#ccc',
2
2023-01-28
目前我有以下输出 但是我希望此输出如下，其中不同标签中的多个线路图.还有双传说和标签名称. 我尝试了多种方法，但没有起作用.从官方网站引用文档.请帮忙. 预先感谢. 插件使用的apache echarts js. 解决方案 将series.type更改为line，然后删除stack.也许您需要将每个系列都放置为拥有yAxis，但是很难没有代码.
20
2023-01-27
我在标记区域有问题:我需要能够根据Xaxis选择一个条形区域，例如0到1，从1到2等.但是，当我尝试提供bar的选项时，例如 [{xAxis: 0, itemStyle: {color: red}},{xAxis: 1}] 它标记了从Xaxis区域中部的区域，其索引为0到Xaxis区域的中部，索引为1.是否可以将其从区域的开始到末端进行标记.目前，我仅使用像素中的X选项来做到这一点: 有更好的方法吗? 解决方案 我无法想象一种可以满足您要求的方法.似乎没有这样的东西，但没有任何阻止自己做的，请参阅下面. 当使用join = true Markedarea的呼叫功能将以第一到最后一个范围. calcMarkAreaByBarIndex(myChart, join = true, [4, 9]) 当使用join = false标记的呼叫功能为每个bar计算时. calcMarkAreaByBarIndex(myChart, join = true, [
4
2023-01-26
在echarts中，我有一个条形图，我想为此添加两个标记线，但是对于"平均"行，我需要箭头样式，对于"测试"行，我不希望在开始时不需要任何符号线的结尾. 当我使用以下设置时，它将在我想分别控制每个Markline的样式的同时设置所有标记线. markLine: { symbol:"none", data:[] } function format(data) { data = parseFloat(data); return data.toLocaleString('en-US', {style: 'currency', currency: 'USD'}); } var columns_basic_element = document.getElementById("columns_basic"); // Basic columns chart if (columns_basic_element) { // Initialize
18
2023-01-26
我有一个带有数据室组件的图表. X轴类型为time. 缩放和漫游图表非常有效.但是，当我收听dataZoom事件以将其连接到缩放过程中时，我只从事件中获得百分比值(0-100)作为当前位置. 数据室配置: dataZoom: { start: 0, end: 3, showDetail: false } 我的xaxis配置: xAxis: { type: 'time', boundaryGap: false, splitLine: { show: true, lineStyle: { color: '#ddd', type: 'dashed' } }, axisLine: { show: false } }, 我听这样的事件: myChart.on('dataZoom', func
4
2023-01-22
我想创建带有多个系列的条形图重叠彼此. 堆栈条形图将吧台放在另一个酒吧的顶部. 我希望从底部 如下示例. 有什么办法可以用 echarts ? 解决方案 this /p> 添加 series: [ { name: 'Forest', type: 'bar', barGap: '-100%', // this changed barCategoryGap: '80%', // this changed label: labelOption, data: [320, 332, 301, 334, 390] }, { name: 'Steppe', type: 'bar', label: labelOption, data: [220, 182, 191, 234, 290]
10
2023-01-21
12
2023-01-18
14
2023-01-14
联系站长