小编Dee*_*015的帖子

在django rest框架中,我可以使用danialfarid/ng-file-upload上传单个文件

views.py:

class PhotoViewSet(viewsets.ModelViewSet):
    serializer_class = PhotoSerializer
    parser_classes = (MultiPartParser, FormParser,)
    queryset=Photo.objects.all()

    def perform_create(self, serializer):
        serializer.save(blogs=Blogs.objects.latest('created_at'),
                   image=self.request.data.get('image'))

serializers.py:

class PhotoSerializer(serializers.ModelSerializer):
    class Meta:
        model = Photo

models.py:

class Photo(models.Model):
    blogs = models.ForeignKey(Blogs, related_name='blogs_img')
    image = models.ImageField(upload_to=content_file_name)

当我尝试上传多个文件时.我进去了

chrome开发人员工具:请求有效负载

------WebKitFormBoundaryjOsYUxPLKB1N69Zn
Content-Disposition: form-data; name="image[0]"; filename="datacable.jpg"
Content-Type: image/jpeg


------WebKitFormBoundaryjOsYUxPLKB1N69Zn
Content-Disposition: form-data; name="image[1]"; filename="datacable2.jpg"
Content-Type: image/jpeg

响应:

{"image":["No file was submitted."]}

我不知道如何编写用于上传多个文件的序列化程序.任何身体请帮助.

提前致谢

我有三个模型博客，发布，标签。在博客模型中，我将“postedin”字段作为 Posted 模型的外键，将“tags”作为标签模型的许多字段。

模型.py：

class Posted(models.Model):
    name = models.CharField(_('Posted In'),max_length=255, unique=True)

class Tags(models.Model):
    name = models.CharField(_('Tag Name'),max_length=255, unique=True)

class Blogs(models.Model):
    author = models.ForeignKey(CustomUser)
    title=models.CharField(max_length=100)
    postedin=models.ForeignKey(Posted)
    tags= models.ManyToManyField(Tags)
    content = models.TextField()
    created_at = models.DateTimeField(auto_now_add=True)
    updated_at = models.DateTimeField(auto_now=True)

视图.py：

class BlogViewSet(viewsets.ModelViewSet):
    queryset=Blogs.objects.order_by('-created_at')
    serializer_class= BlogsSerializer

def get_permissions(self):
    if self.request.method in permissions.SAFE_METHODS:
        return (permissions.AllowAny(),)
    return (permissions.IsAuthenticated(),IsAuthorOfBlog())

def perform_create(self,serializer):

    serializer.save(author=self.request.user)

    return super(BlogViewSet,self).perform_create(serializer)

序列化程序.py：

class TagsSerializer(serializers.ModelSerializer):
    class Meta:
        model = Tags

        fields = ('pk','name')
        read_only_fields=('pk','name')

class PostedSerializer(serializers.ModelSerializer):
    class Meta:
        model = Posted

        fields = ('pk','name')
        read_only_fields=('pk','name') …

我试图改变下图中每个图的大小,是否可能？

我确实尝试改变线条粗细,但是这对每个线条系列的每个单独的图形没有区别.

series:{ [<%= GraphSeries4 %>],

                marker: {

                enabled: false

            },
                },

图形系列是一个从Sql数据库收集数据的变量.

我在我的 React 应用程序中制作了一个 highcharts 柱状图，现在正在尝试向图表添加一个 onClick 事件。我的目标是当用户点击一列时，我可以获取 X 和 Y 轴的值，然后从页面调用一个函数。

onClick 事件是使用 plotoptions 实现的，如下所示：

plotOptions={{
  series: {
    cursor: 'pointer',
    point: {
      events: {
        click: () => {
          this.fuction.call(this, 1);
        }
      }
    }
  }
}}

问题在于我可以调用该函数，但无法访问该列的值。

所以，我试试这个：

plotOptions={{
  series: {
    cursor: 'pointer',
    point: {
      events: {
        click: function () {
          console.log(this);
        }
      }
    }
  }
}}

这样，我可以访问列上的值，this但不能调用该函数，因为它不保存当前页面对象。

我的问题是，如何将两者结合起来，以便访问所选列的值并调用页面上的函数？

我试过这个：

plotOptions={{
  series: {
    cursor: 'pointer',
    point: {
      events: {
        click: function (e) {
          console.log(this);
          console.log(e);
        }
      }
    }
  } …

如何自定义图例

从

对此

我遇到了重新定位 yAxis.plotLines.label 位置的问题。

我想将标签从原始位置移动到 plotLine 下。请检查此链接

Highcharts.chart('container', {
    xAxis: {
        tickInterval: 24 * 3600 * 1000, // one day
        type: 'datetime'
    },

    yAxis: {
        plotLines: [{
            color: 'red',
            width: 2,
            value: 100,
            label: {
                text: 'Plot line',
                align: 'right'
            }
        }]
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4],
        pointStart: Date.UTC(2010, 0, 1),
        pointInterval: 24 * 3600 * 1000
    }]
});

我正在使用react-highchart。滚动条功能似乎不起作用。下面是一段代码。滚动条在xaxis中处于启用状态，并且似乎没有滚动。

请参考highcharts实现：

http://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/stock/yaxis/inverted-bar-scrollbar/

var config = {
  title: {
    text: 'Hello, World!'
  },
  chart :{
  type:'bar'
  },
  xAxis: {
    scrollbar:{
    enabled:true
    },
    min:0,
    max:4,
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  },
  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
  }]
};

我正在尝试在我的 Web 应用程序中使用 Highcharts 创建一个条形图，该应用程序在前端使用 React。下面是我的 dashboard.tsx 文件的片段，我基本上只是从 JSFiddle ( http://jsfiddle.net/8qjcz4q0/ )复制并粘贴了代码，该代码使用 Highcharts 呈现简单的条形图，但由于某种原因，它不是工作，我在我的控制台中收到一个错误（Highcharts 错误 #13），渲染 div 没有显示。

 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import * as Highcharts from "highcharts";

 Highcharts.chart('container', {
   chart: {
    type: 'column'
   },
  title: {
    text: 'World\'s largest cities per 2014'
   },
 subtitle: {
    text: 'Source: Wikipedia'
  },
  xAxis: {
    type: 'category',
    labels: {
        rotation: -45,
        style: {
            fontSize: '13px',
            fontFamily: 'Verdana, sans-serif'
        }
      }
   },
   yAxis: {
    min: 0, …

从 A 点开车到 B 点时，我必须获得通行费的数量。我为此使用了谷歌方向 API。API 在 html_instructions 标签中提供信息天气这条路是否收费公路作为响应，但收费公路可能包含收费数字，有没有办法计算它们。

根据Highchart的API文档：https : //api.highcharts.com/highcharts/plotOptions.column.borderRadius

但是我找不到仅将columnRadius应用于列的顶部的解决方案。

plotOptions: {
    column: {
        borderRadius: 10  // How to make it only for top side. Don't apply it to bottom side ? 
    }
},

样本图片