标签: linechart

我需要在图表中为不同的系列设置不同的线宽.这可以使用http://code.google.com/intl/sv-SE/apis/chart/interactive/docs/gallery/linechart.html#Configuration_Options中的系列选项来完成.但是这个选项在GWT中不可用,这导致了我的问题.

我可以:

1. 为GWT编写一个包装器.http://code.google.com/p/gwt-google-apis/wiki/VisualizationNewWrapper
2. 使用Options.set(...)方法.http://gwt-google-apis.googlecode.com/svn/javadoc/visualization/1.1/com/google/gwt/ajaxloader/client/Properties.html#set%28java.lang.String,%20com.google.gwt .core.client.JavaScriptObject 29%

这两种替代方案的问题在于,当系列选项获取对象时,我不知道该怎么做:

series: [{color: 'black', visibleInLegend: false},{}, {}, {color: 'red', visibleInLegend: false}]
series: {0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false}}

我该怎么做呢？

我想在MS-Charts的折线图中使用多个Y轴.

我在折线图中有多个系列.现在,我想在Y轴上展示Y-Axis上的其中一些系列.

任何人都可以建议我如何实现这个？

我正在尝试在顶部创建一个带有折线图的堆积条形图,以显示总排放量和成本之间的关系.

我的例子在这里:

http://bl.ocks.org/4754261

从图表中可以看出,折线图的点不与底部的刻度对齐,因此不能与条的中心很好地对齐.

我一直在谷歌上挖掘相当多,我还没有找到能帮我解决问题的东西.我需要第二个x轴,如果是这样,它会是什么样子？

哦,如果这是显示成本和排放之间关系的一种不好或误导的方式,我会接受其他想法.

我创建了一个带有简单动画的多线图.在开始时没有数据,单击按钮后,模拟新值并向左"移动".使用"移位"动画移动.

当线条"填充"整个图形区域(这意味着所有x值都有y值)时会出现问题,然后以不同的方式对线条进行动画处理.看起来y值在曲线上是动画的,而不是向左滑动.

动画适用于两个轴:

svg.selectAll("g .x.axis")
  .transition()
  .duration(500)
  .ease("linear")
  .call(xAxis);
svg.selectAll("g .y.axis")
  .transition()
  .duration(500)
  .ease("linear")
  .call(yAxis);

而不是线(这段代码帮了我很多)

svg.selectAll("g .city path")
  .data(processedData).transition().duration(500)
  .ease("linear")
  .attr("d", function(d, i) { return line(d.values); })
  .attr("transform", null);

小提琴可以在这里访问.

感谢帮助.

我真的很沮丧使用achartengine库重绘图表,我已删除视图,但我的图表只是在顶部图表上新建,我真的很困惑...我有搜索任何方法但我无法得到它...这是我的问题之前:achartengine:如何重绘/重绘图表

每次我滑动我的搜索栏时如何重绘我的图表？

这是我的源代码:

        @Override
    protected void onResume() {
        // TODO Auto-generated method stub
        super.onResume();

        if (mChartView == null) {
   lnChart = (LinearLayout) findViewById(R.id.chart);
              mChartView = ChartFactory.getLineChartView(this, mDataset, mRenderer);
              mChartView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                      SeriesSelection seriesSelection = mChartView.getCurrentSeriesAndPoint();
                      double[] xy = mChartView.toRealPoint(0);
                      if (seriesSelection == null) {
                            Toast.makeText(getApplicationContext(), "tidak ada chart yang dipilih", Toast.LENGTH_SHORT)
                                .show();
                          } else {
                        Toast.makeText(
                                getApplicationContext(),
                                "Nilai " + listData.get(seriesSelection.getPointIndex()).getInuNilai()+
                                "  tanggal " + listData.get(seriesSelection.getPointIndex()).getTanggal(), 
                                Toast.LENGTH_SHORT).show();   
                          }
                    }
                  });
              lnChart.addView(mChartView, 0, new …

我在这里有这个折线图:

jsfiddle.net/yfqQ4/

我现在的问题是,我在背景中没有得到一个合适的网格,使用这样的图例(y和x-Axis):http://lab.creativebrains.net/linechart.png

任何人都可以发给我一个代码片段,我应该如何实现它或类似的东西？

谢谢!

您能否帮我从线形图下方删除图例（y轴数据）。此图标有助于从折线图中删除相应的线。

查看内嵌图片

我在从折线图中删除数据时遇到问题。我编写了一个程序图形绘制程序，在单击按钮后完成了图表数据的绘制。

dataSeries1.getData（）。removeAll（）; <-不起作用。

码：

 NumberAxis xAxis = new NumberAxis();
    xAxis.setLabel("O? Y");
    NumberAxis yAxis = new NumberAxis();
    yAxis.setLabel("O? X");
    final LineChart lineChart = new LineChart(xAxis, yAxis);
    final XYChart.Series dataSeries1 = new XYChart.Series();

    lineChart.setCreateSymbols(false);
    lineChart.getData().add(dataSeries1);

按钮动作：

 btn.setOnAction(new EventHandler<ActionEvent>() {
        @Override
        public void handle(ActionEvent event) {

            int lewy = Integer.parseInt(kresLewy.getText());
            int prawy = Integer.parseInt(kresPrawy.getText());
            String rownanie = field.getText();

            try {

                String tekst = lewy + "; " + prawy + "; " + rownanie;

                StringReader tekstReader = new StringReader(tekst);

                parsery.interpreter.parser parser_obj
                        = new …

我将通过echart库绘制折线图。当我绘制图表时，它也显示网格。我不需要网格，但是无法删除它。我已经签出了Echart选项，并且我知道grid：{show = false}是echart的选项，但是它无效。我的代码段如下。

function lineGraph(xAxisLabels){    
var echartLine = echarts.init(document.getElementById('myElineChart')); 
  echartLine.setOption({
    grid: {show: false},
    xAxis: [{
      type: 'category',
      showGrid: false,
      data: xAxisLabels
    }],
    yAxis: [{
      type: 'value',    
    }],
    series: [{
      name: 'Actual',
      type: 'line',
      data: [820, 932, 901, 934, 1290, 1330, 1320]
    }],
  });}

结果如下：

如果您能帮助我，我将不胜感激。

我想使用cocoapods“图表”，并希望在LinChart中有多行以便快速查看，但我找不到的解决方案swift 4.0。

我尝试使用此网站进行展示，但不会显示任何内容

以下是我的代码：

let dollars1 = [10.0, 11.0, 12.0, 13.0, 14.0, 15.0, 16.0]
let dollars2 = [20.0, 21.0, 22.0, 23.0, 24.0, 25.0, 26.0]
let dollars3 = [30.0, 31.0, 32.0, 33.0, 34.0, 35.0, 36.0]
let months = ["Jan" , "Feb", "Mar", "Apr", "May", "June", "July"]

func setChartData(months : [String]) {

    var yVals1 : [ChartDataEntry] = [ChartDataEntry]()
    for i in 0..<months.count{
        yVals1.append(ChartDataEntry(x: dollars1[i], y: Double(i)))
    }

    let set1: LineChartDataSet = LineChartDataSet(values: yVals1, label: "First Set") …