jjzjj

linechart2

全部标签

javascript - Ng2-Charts Linechart 仅显示前 2 个值

我正在开始使用Angular-CLI(beta22.1)初始化的新Angular应用程序。但是当我将测试数据(5个值)添加到我的图表时,它似乎缩放错误并且只显示前两个值并将它们拉伸(stretch)到图表的整个长度(见图)。该项目在其他方面是空白的,不包含任何CSS。我的app.component.html:app.component.tsimport{Component}from'@angular/core';import{BaseChartDirective}from"ng2-charts/ng2-charts";@Component({selector:'app-root',te

javascript - 当主轴为 typeofday 时,如何为 LineChart 设置 hAxis.viewWindow.max?

我需要画一个图表来实时显示数据在一天内的演变情况。我一直在玩GoogleChartsPlayground看看它是如何可视化的,但我无法设置hAxis.viewWindow.max选项,以使X轴固定。这是我用来测试的代码:functiondrawVisualization(){//Createandpopulatethedatatable.vardata=newgoogle.visualization.DataTable();data.addColumn('timeofday','x');data.addColumn('number','S0');data.addColumn('numb

javascript - 在 ChartJs 的 Linechart 点内添加图像

我正在使用ChartJs开发一个项目。我正在尝试在折线图中添加图标图像,而不是points。我附上了一张图片,其中展示了上述要求。在该图像中,有一个ChartJs图像和一个引用图像。我想在ChartJs的折线图中添加一个图像,就像在引用图像(太阳和云图标)中一样。ChartJs可以吗? 最佳答案 如Chart.jslinechartdatastructure中所述(pointStyle属性):pointStyleString,Array,Image,ArrayThestyleofpoint.Optionsare'circle','t

JavaFX LineChart - 由于轴类型的 ClassCastException

如何从FXML文件中指定图表的轴类型?似乎默认类型是.如果我将我的可注入(inject)字段声明为LineChartlineChart,我用(Number,Number创建了一个数据系列),程序抛出ClassCastException.必须使用FXML文件。最坏的情况是我手动创建图表。我最好的猜测是这是一个错误。importjava.io.IOException;importjava.net.URL;importjava.util.ResourceBundle;importjavafx.fxml.FXML;importjavafx.fxml.FXMLLoader;importjavaf

android - MPAndroidChart MarkerView

我打算在MPAndroidChart的折线图中寻找特定点然后在点击按钮后显示标记以突出显示该点。给出的示例是标记仅在触摸事件后显示,这与我的情况不同。我尝试了下面的代码但无济于事,有人可以教我吗,我将不胜感激。Highlighth=newHighlight((int)valIndex,linechart2.getData().getDataSetCount());linechart2.highlightValue(h,true);mv2.refreshContent2(valueYAxis.get((int)valIndex),h);linechart2.getMarkerView()

ios - 是否可以在 swift 中使用 ios-charts 逐个手动设置 lineChart 的 xAxis 值?

我正在使用Swift语言的ios-chartsAPI创建折线图。在xAxis上有mm.dd-day格式的日期,例如03.02-Wednesday。在yAxis上有双值。我想每个星期一在xAxis上显示,没有别的。到目前为止我发现的最佳解决方案是lineChart.xAxis.setLabelsToSkip(6)这会跳过6个标签,但仅当图表数据以星期一的日期开始时它才有效。喜欢这里:whatIwant但如果我的图表值以星期二开始,我将只看到星期二标签。:whatisnotgood我有很多想法我应该怎么做,但我找不到解决方案。我想知道是否有一个函数,什么可以一个一个地设置xAxis上的每个

JavaFX实时带时间轴的LineChart

我正在尝试绘制带有时间轴的实时图表,但我发现LineChart构造函数只有签名。LineChart(AxisxAxis,AxisyAxis)我认为在javafx中嵌入jfree图表不是一个合适的解决方案。我想要javafxLineChart中的一些jfree功能,这可能吗? 最佳答案 从http://www.oracle.com/technetwork/java/javafx/samples/index.html下载Ensemble示例其中有几个动态图表的例子,例如“高级股票折线图”。您可以直接在应用程序中查看他们的源代码。要在轴上

android - MPAndroidChart Linechart 未连接的数据点

我正在调查MPAndroidChart在我公司的Android和iOS应用程序中的使用,我发现了一个问题,我需要一个解决方案才能使用这个框架。应用程序将主要使用折线图功能,提供的数据可以包含NULL条目。我看过其他讨论此事的帖子,显然还没有显示NULL值的解决方案。MPAndroidChartwithnullvalues作者建议简单地不要将数据点添加到集合中,但在我的例子中,如果有两个以上连续的NULL值(或者表示它)即图形在两点之间不连续,其间有NULL值。有什么方法可以用这个框架完成这个任务吗?我一直在研究将数据点分离到不同数据集中的可能性,但这似乎是一种hack。谢谢!数据集示例

android - MPAndroidChart:LineChart 填充不会在 XAxis 处停止

我正在使用MPAndroidChart.当我使用LineChartsetDrawFilled()方法填充线和x轴之间的空间,并手动将范围调整为大于默认值时,填充部分将超过x轴,如图所示屏幕截图:蓝色填充应停在x轴上方的绿色虚线处,但它会延伸到x轴上方并进入正y值。*经过进一步调查,我发现似乎只有当绿线设置为0时才会发生。 最佳答案 另一种选择是使用库提供的FillFormatter接口(interface):https://github.com/PhilJay/MPAndroidChart/blob/master/MPChartLi

android - MPAndroidChart LineChart 自定义突出显示可绘制

我正在使用MPAndroid图表库在我的Android应用程序中绘制折线图。图的状态是这样的:我想这样改:所以我想更改MPAnroidLineChart的点,ts在库中称为“CircleHole”。我想把这个洞改成可绘制的。有办法吗?圆孔变化代码在这里:LineDataSetset1=newLineDataSet(yVals,"DataSet1");set1.setDrawCircleHole(true);set1.setCircleColor(Color.BLACK);图书馆引用在这里:MPAndroidChart 最佳答案 从3
12